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"
Posted on 2023-09-20