IntelliSense does not work in template section of SFC when using "${configDir}"

[vikingair]

Vue - Official extension or vue-tsc version

2.0.22 (extension)

VSCode version

1.90.2

Vue version

3.4.27

TypeScript version

5.5.2

System Info

System:
    OS: macOS 14.5
    CPU: (12) arm64 Apple M2 Pro
    Memory: 1.84 GB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.14.0 - ~/.local/state/fnm_multishells/77314_1719210261179/bin/node
    npm: 10.7.0 - ~/.local/state/fnm_multishells/77314_1719210261179/bin/npm
    pnpm: 9.4.0 - ~/.local/state/fnm_multishells/77314_1719210261179/bin/pnpm
    bun: 1.1.12 - ~/.bun/bin/bun
  Browsers:
    Chrome: 126.0.6478.114
    Safari: 17.5

Steps to reproduce

Make use of the newly added feature of TypeScript 5.5: https://devblogs.microsoft.com/typescript/announcing-typescript-5-5/#the-configdir-template-variable-for-configuration-files

It works perfectly fine executing with vue-tsc. It works perfectly fine in SFC in VSCode in the <script setup lang="ts"> section.

It just highlights no TS errors inside the <template> part.

If you need more information, let me know.

Link to minimal reproduction

No response

Any additional comments?

No response

[davidmatter]

Does it work if you select the workspace's TS version here?

[OsidAbu-alrub]

It only works if you turn off Hybrid Mode setting

This causes problems cause you "lose" the ability to import things from Vue files into TS files

See issue here https://github.com/vuejs/language-tools/issues/4016. It was also fixed by turning off Hybrid Mode setting, but it caused other problems that I mentioned in the issue

[johnsoncodehk]

Please update vue-tsc and VSCode extension to 3.0. If the problem still occurs, please provide a minimal reproduction.