HMR not working on a freshly created Nuxt 3 project inside WSL 2

[rvalledorjr]

Describe the bug

HMR not working on a Nuxt project inside WSL 2. I set histoire.config.ts vite.server.host = true, but it only manages to render the page in the host browser. I still need to do a manual page reload just to see my changes.

Reproduction

Clone https://github.com/Novicell/nuxt3-boilerplate inside WSL

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)
    CPU: (8) x64 Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz
    Memory: 7.09 GB / 7.68 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 18.12.0 - ~/.nvm/versions/node/v18.12.0/bin/node
    npm: 8.19.2 - ~/.nvm/versions/node/v18.12.0/bin/npm

Used Package Manager

npm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[JakubGetMe]

Can confirm, also happening here. Nuxt 3.3.1 and histoire 0.15.9.

[naveeng2402]

The hmr is not working and the console shows that the unhandled error in setup of NuxtRoot