Vue VS Code Extension fails to write global types file in Nuxt 4 project

[runyasak]

Vue - Official extension or vue-tsc version

v3.0.6

VSCode version

1.99.3 (Cursor 1.4.5)

Vue version

Nuxt v4.0.3

TypeScript version

base on Nuxt v4.0.3

System Info

System:
    OS: macOS 15.1.1
    CPU: (8) arm64 Apple M1
    Memory: 159.72 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 24.6.0 - ~/.nvm/versions/node/v24.6.0/bin/node
    npm: 11.5.1 - ~/.nvm/versions/node/v24.6.0/bin/npm
    pnpm: 10.12.3 - ~/.nvm/versions/node/v24.6.0/bin/pnpm
    bun: 1.1.34 - /opt/homebrew/bin/bun
    Watchman: 2024.11.11.00 - /opt/homebrew/bin/watchman
  Browsers:
    Brave Browser: 131.1.73.105
    Chrome: 139.0.7258.139
    Safari: 18.1.1

package.json dependencies

{
  "dependencies": {
    "@nuxt/eslint": "1.8.0",
    "@nuxt/fonts": "0.11.4",
    "@nuxthub/core": "0.9.0",
    "@nuxtjs/i18n": "10.0.5",
    "eslint": "^9.33.0",
    "nuxt": "^4.0.3",
    "nuxt-gtag": "3.0.3",
    "qr-code-styling": "^1.9.2"
  },
  "devDependencies": {
    "@unocss/nuxt": "^66.4.2",
    "unocss": "^66.4.2"
  }
}

Steps to reproduce

1. Open a Nuxt 4 project in VS Code
2. Install the Vue VS Code extension
3. Open any .vue file
4. The error appears: "Failed to write the global types file. Make sure that: 1. 'node_modules' directory exists. 2. 'vue' is installed as a direct dependency."

What is expected?

The Vue extension should work properly without throwing global types file errors.

What is actually happening?

The Vue extension fails to write the global types file and shows an error message, even though the project is a valid Nuxt 4 project.

Link to minimal reproduction

https://github.com/runyasak/free-qr-code-generator

Any additional comments?

This is a known issue affecting Nuxt 4 projects. The Vue extension expects Vue to be a direct dependency, but Nuxt 4 manages Vue internally.

The error message suggests setting vueCompilerOptions.globalTypesPath manually, but this shouldn't be needed for a standard Nuxt setup.

If you require further details, please do not hesitate to let me know.

[KazariEX]

You should install the vue explicitly (recommended) or enable the shamefullyHoist option in the .npmrc.

[runyasak]

@KazariEX Thank you for your advice. I will try to install Vue explicitly in my project.

[runyasak]

@KazariEX It works!! I implemented both installing Vue and adding shamefullyHoist.
Thank you so much.
runyasak/free-qr-code-generator@29b01d3

[Suniron]

What is the best way in a monorepo (using turbo) with multiple Nuxt 4 / vue 3 apps and a nuxt layer package ?

Thanks in advance