search

vuejs / vetur

Vue tooling for VS Code.
https://vuejs.github.io/vetur/
MIT License
5.75k stars 594 forks source link

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

Closed ajitid closed 5 years ago

ajitid commented 6 years ago

Info

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!

cesalberca commented 6 years ago

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 :)

samuells commented 6 years ago

Hi I would be super interested in this feature .. any status .. any way to help? 😉

dsanders11 commented 5 years ago

@samuells, I'd say the code to change is this line by the looks of it.

However, there's apparently a whole client-server architecture here, and that bit is on the server, so plumbing through from the client to the server is beyond me without looking into it in-depth. The actual change is probably trivial, the plumbing the setting all the way through, not so much.

paparent commented 5 years ago

+1 on this! It's been two months I've setup a new project in Vuejs, and now with the eslint config, it error (or warning) on kebab-casing in .vue files. Yes I can disable but I like the idea!

Especially that I've to setup a demo project with VueJS with all the tooling around it so I can sell the idea of using VueJS to replace current frontend technology :)

paparent commented 5 years ago

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

octref commented 5 years ago

OH I didn't realize we still have this issue. Thanks for closing.

mnr73 commented 3 years ago

for this you can install this extension :) i like it

https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar&ssr=false#review-details