How to enable VSCode intellisense for component name in kebab case¶

When I edit the template part of a .vue file on VSCode with Volar extension, I find that, VSCode's intellisense suggestions only work for component name in pascal case.

But I prefer to use kebab case for tags. How to make the intellisense work?

Update VS Code settings¶

Open VS Code's settings page, and search vue.complete.casing.tags, then select autoKebab.

Update VS Code configuration file¶

If you prefer to edit json file directly, use this:

{
    "vue.complete.casing.tags": "autoKebab"
}

This article is originally created by tooli.top. Please indicate the source when reprinting : https://www.tooli.top/posts/vscode_vue3_kebab