VS Code Vetur extension failing to read VueJS with InertiaJS files

Question

I started working on a new Laravel, Vue and inertiaJS project and I'm using VS code editor. The problem I'm having is that Vetur isn't getting that I'm using Inertia not pure Vue components; therefore, It keeps on highlighting everything in red because It assumes that everything is unidentified and unknown.

The below image is to demonstrate what I mean:

Is there a way I can work with InertiaJS on VS Code without having these disturbing errors everywhere and see only valid errors?

Answer 1

Vetur is deprecated, which is likely the cause of the problem. Switch to Volar.

From the Vue docs:

TIP

Volar replaces Vetur, our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.