Just started a fresh Vue 3 project and am using Visual Studio Code.

I am using:

• TypeScript Vue Plugin (Volar) v1.8.22
• Vue Language Features (Volar) v1.2.0
• Vue Volar extension Pack v1.1.8

I have disabled the built-in typescript language server and restarted visual studio code.

When I open up a .ts file and add a component that hasn't yet been imported, I see the red squiggles indicating it is not recognized. Usually I would bring up autofix and add the import. However with volar in takeover mode quickfixes don't appear to be generated.

Here is a screenshot where I just changed the default HomeView component and replaced it with a LoginView

I did notice that if I use CTRL+Space it brings up a "similar" type of feature that the adding an import via quickfix does, however it does not quite as expected in that it places what you select where your cursor is which then screws up what you have written.