Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toggling suggestion between PascalCase and kebab-case for Vue components in template tags

See original GitHub issue

I have searched through existing issues
I have read through docs
I have read FAQ

Info

Platform: Linux
Vetur version: 0.11.7
VS Code version: 1.20

Request

Right now Vetur suggests components only in kebab-case format. An option to toggle suggestions from command palette between kebab-case and PascalCase for Vue components inside template tags would be great!

Issue Analytics

State:
Created 6 years ago
Reactions:23
Comments:7 (2 by maintainers)

Top GitHub Comments

3reactions

cesalbercacommented, Mar 4, 2018

Even more so when the Vue team recommends using pascal case format for naming components: https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential

With some guidance I would like to tackle this issue 😃

2reactions

paparentcommented, Feb 19, 2019

Closed there: https://github.com/vuejs/vetur/commit/cff817223cd0532dcab0b67da9627b7abf551fd1 named initial instead of PascalCase though, like in guide Component name casing in templates strongly recommended

Top Results From Across the Web

vue/component-name-in-template-casing

enforce tag names to pascal case. E.g. <CoolComponent> . This is consistent with the JSX practice. "kebab-case" ... enforce tag names to ...

PascalCase or kebab-case usage in Vue's DOM content?

In my template, I can do <MyComponent/> and I can also do <my-component></mycomponent> so can someone explain when and why I would ever...

Vue-Multiselect | Vue Select Library

toggle : Function – toggles the dropdown. singleLabel, Slot for custom label template for single select. placeholder, Slot for the placeholder (is not...

Best Practice for writing Vue Js 2 - Medium

Using PascalCase within JSX (and templates) makes it easier for code readers to differentiate between components and HTML elements. In addition, PascalCase ......

Vue.js style guide - GitLab Docs

Reference Naming: Use PascalCase for their default imports: // bad import ; Props Naming: Use kebab-case instead of camelCase to provide props in...