.vscode typescript settings not respected in .vue files

[pleek91]

I have the following settings added to my workspace .vscode/settings.json

    "typescript.tsdk": "node_modules/typescript/lib",  
    "typescript.preferences.importModuleSpecifier": "non-relative",
    "typescript.preferences.importModuleSpecifierEnding": "minimal",
    "typescript.preferences.quoteStyle": "single",
    "typescript.preferences.autoImportFileExcludePatterns": [
        "@vue/reactivity",
        "@vue/runtime-dom",
        "./dist",
        "./src/index.ts"
    ],

And in a .ts file I see a nice short list of suggestions

But in a .vue file the list is much different

Not only is autoImportFileExcludePatterns not respected it seems the other settings are not respected either. For example, changing the value of quoteStyle has no effect in a .vue file and it does in a .ts file.

[so1ve]

Currently you must enable hybridMode to get them work

[pleek91]

I added "vue.server.hybridMode": true, to my settings but no change. Is there something else I need to do?

[RayGuo-ergou]

~~Just had a try, even tho in code action select drop down it shows double quote, the result still in single quote.~~

I see does not work for "double"

[pleek91]

@RayGuo-ergou are the other settings working for you? Are you using hybrid mode?

[RayGuo-ergou]

Tried another setting, and yes I am using hybrid mode

"typescript.preferences.importModuleSpecifierEnding": "js",

I think it always use default value

[pleek91]

Thanks for verifying. This is something I'd love to see working in components. The experience is so nice in my ts files but not in my vue files.

[davidmatter]

Hey there, as there have been many fixes in the last 2.x versions: Please let us know if you're still encountering this issue. Otherwise kindly close this one, thanks!