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.
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
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!