Vetur: Have Auto Close / Rename Tag for html section

[octref]

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

[w1ndy]

HTML tags are auto closed in HTML files but not in Vue files.

[omidb]

Any updates on this?

[octref]

I'll make it work similarly to the HTML support: https://github.com/microsoft/vscode/issues/47069#issuecomment-557644701

[thefoxie]

Any news on this?

[chances]

@octref Is there a WIP branch to handle autoClosingTags or can one of us go ahead and contribute a PR?

[ylc395]

will this feature be available soon?

[Alexn117]

I'm new to Vue and decided to use the recommended Vetur extension with VS Code. It started to feel strange that my tags were not auto-closing, which is the standard behavior in .html files. Will this feature come soon?

[octref]

If you are interested in making this happen, PR / bug bounty / sponsorship are all welcome.

[icleolion]

In the interim you can use the packages mentioned in the OP.
For those who were using Auto Rename Tag, but stopped because it was constantly crashing VS Code's extension host, the extension was overhauled back in April and is now safe to use again.

[3nuc]

microsoft/language-server-protocol#1092 👀

EDIT: it's merged now, and is a part of lsp 3.16

EDIT2: It's renamed from onTypeRename to LinkedEditing now

[vegerot]

With editor.renameOnType, will this plugin be able to utilize a similar mechanism for renaming tags?

[thefoxie]

@vegerot the editor.renameOnType works in SFCs so no need to use additional plugin for this feature

[thefoxie]

I had apparently the plugin installed somehow and it was why it worked for me. The editor.renameOnType got deprecated and is now under editor.linkedEditing.

[Keavon]

Any updates on this?