logue/vite-vue2-vuetify-ts-starter

bug: Cannot view component definition

ngjuping opened this issue · 2 comments

Hi logue,

I have noticed that a fresh start of the template in vscode doesn't seem to resolve components properly, as seen in the screenshot below, the component is marked red.

Screenshot 2022-05-28 at 7 57 13 PM

I have made a few changes in the code above, by removing the import for component, but the issue persists even when the import is in place. Let me know if you need any additional info.

Best regards,
Ju Ping

logue commented

This is an old version, isn't it? The error is because the component's tag is not a kebab-case.

×

<HelloWorld msg="..." />

If you modify it as follows, it will not be in red. The rule of vue recommended setting is kebab-case.

<hello-world msg="..." />

Please refer to the following page for the rules:
https://eslint.vuejs.org/rules/component-name-in-template-casing.html

Hey, it worked now! I will take a look at the changes as you've pointed out, I am using an older version. Thanks a lot!