vbase-3-ts-setup produces the following layout: <

Let's solve it with one line 😝 Open the

Any Update on this? <a class="user-mention notranslate" data-hovercard-type="user" dat

There is one PR here <a class="issue-link js-issue-link" data-error-text="Failed to lo

Option to change the order of template and script blocks about vue-vscode-snippets HOT 5 OPEN

avxkim commented on June 8, 2024 9

Option to change the order of template and script blocks

from vue-vscode-snippets.

PBK-B commented on June 8, 2024 5

Let's solve it with one line script 😝

Open the terminal execution in the working directory
mkdir -p .vscode && curl -L https://raw.githubusercontent.com/sdras/vue-vscode-snippets/943ccfc9ba0b3b85d05dfc8b6f9e220db8ebc81e/snippets/vue.json -o .vscode/vue.json.code-snippets
Try typing vbase-3-ts-setup-first and it will work wonders

Thank you @sdras for your contribute, hope it can help you
Thank you also for the contributor of this project

from vue-vscode-snippets.

ExEr7um commented on June 8, 2024 5

I was very annoyed by that too, so I made my own version of extension.

It was built for Vue 3 only. I tuned some existing snippets, added new ones and removed everything related to Vue 2.

from vue-vscode-snippets.

dajpes commented on June 8, 2024

Any Update on this? @sdras

from vue-vscode-snippets.

messenjer commented on June 8, 2024

There is one PR here #110

from vue-vscode-snippets.

fransyrcc commented on June 8, 2024

Hi, it would be good to leave both cases as specified in the documentation for a single-file component top-level element order. The important part is to leave <style> last.

There is a PR that allows both: