How to add VS Code snippet inside a template

Question

I am trying to create ionic vue snippets. So far it seems to only work when added on the top level and not working when added inside a template or div tag. How can I insert snippets inside these tags?

Snippet

  "ionic-vue Item": {
    "prefix": "ivitem",
    "body": [
      "<ion-item>",
        "<ion-label>",
          "${1:Item}",
        "</ion-label>",
      "</ion-item>"
    ],
    "description": "Creates ionc-vue item"
  },

Check this: https://www.npmjs.com/package/@modus/ionic-vetur , Also install `Vetur` before this package — Najam Us Saqib, Dec 15 '20 at 04:26
Thanks @NajamUsSaqib though this does not quite solve the problem but I picked up a few things from there. — Simo Mafuxwana, Dec 15 '20 at 07:40

score 1 · Accepted Answer · answered Dec 15 '20 at 08:04

1

Set the snippet scope to html,vue-html:

{
  "ionic-vue Item": {
    "scope": "html,vue-html",
    //...
  }
}

answered Dec 15 '20 at 08:04

tony19

125,647
18
229
307

How to add VS Code snippet inside a template

1 Answers1