search

logue / vite-vue2-vuetify-ts-starter

@vitejs template for @vuejs 2+@vuetifyjs+TypeScript
MIT License
84 stars 30 forks source link

bug: Cannot view component definition #3

Closed ngjuping closed 2 years ago

ngjuping commented 2 years ago

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 2 years ago

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

ngjuping commented 2 years ago

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!