vue.jsvisual-studio-codevetur

Incorrect "warning" Vetur - Vue.js - VSCode


My VSCode (Vetur) is displaying this warning, however the imported component is being used in the template.

Warning in import :

enter image description here

Component used :

enter image description here

Another issue is that the summaries are appearing in duplicate, as well as the CSS color thumbnails. I have already uninstalled some extensions and reviewed the settings but I couldn't find the option that causes this.

Color duplicate :

enter image description here


Solution

  • Vetur is deprecated and doesn't actually support <script setup>. The Vue docs officially recommend Volar.

    Uninstall Vetur, and use Volar instead.