Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 613ce01

Browse files
Fix snippet scope for vue-html
1 parent c527ef8 commit 613ce01

File tree

4 files changed

+36
-3
lines changed

4 files changed

+36
-3
lines changed

‎CHANGELOG.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22

33
All notable changes to the Ionic Vue VSCode Snippets extension will be documented in this file.
44

5+
### 0.1.2
6+
7+
[Fix](https://stackoverflow.com/a/65302060/616221) snippet scope for vue-html.
8+
59
## 0.1.0
610

711
- Initial release

‎README.md‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,16 +29,19 @@ All snippets are sourced from [ionic website](https://ionicframework.com/docs/co
2929
- Menu
3030

3131
![Extension gif](/example.gif)
32+
3233
\!\[Extension gif\]\(/example.gif\)
3334

3435
## Known Issues
3536

3637
- To use snippets effectively you will have to mannually import each ionic component used in the snippet `import { componetName } from @ionic/vue`. We are working on solving this issue.
3738

38-
- Snippets only when added on the top level and not working when added inside a `template` or `div` tag. [See stackoverflow post](https://stackoverflow.com/questions/65297548/how-to-add-vs-code-snippet-inside-a-template)
39-
4039
## Release Notes
4140

41+
### 0.1.2
42+
43+
[Fix](https://stackoverflow.com/a/65302060/616221) snippet scope for vue-html.
44+
4245
### 0.1.1
4346

4447
Added keywords to package.json

‎package.json‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "ionicvuesnippets",
33
"displayName": "Ionic-Vue Snippets",
44
"description": "Ionic-Vue Snippets",
5-
"version": "0.1.0",
5+
"version": "0.1.1",
66
"author": "Simo Mafuxwana",
77
"publisher": "dlodeprojuicer",
88
"repository": {
@@ -46,6 +46,10 @@
4646
{
4747
"language": "vue",
4848
"path": "./snippets/snippets.code-snippets"
49+
},
50+
{
51+
"language": "vue-html",
52+
"path": "./snippets/snippets.code-snippets"
4953
}
5054
]
5155
},

‎snippets/snippets.code-snippets‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,23 @@
11
{
22
"ionic-vue Badge": {
33
"prefix": "ivbadge",
4+
"scope": "html,vue,vue-html",
45
"body": [
56
"<ion-badge>${1:99}</ion-badge>"
67
],
78
"description": "Creates ionc-vue badge"
89
},
910
"ionic-vue Button": {
1011
"prefix": "ivbutton",
12+
"scope": "html,vue,vue-html",
1113
"body": [
1214
"<ion-button>${1:Click}</ion-button>"
1315
],
1416
"description": "Creates ionc-vue button"
1517
},
1618
"ionic-vue Ripple": {
1719
"prefix": "ivripple",
20+
"scope": "html,vue,vue-html",
1821
"body": [
1922
"<div class=\"ion-activatable ripple-parent\">",
2023
"\t${1:A plain div with a bounded ripple effect}",
@@ -25,6 +28,7 @@
2528
},
2629
"ionic-vue Card": {
2730
"prefix": "ivcard",
31+
"scope": "html,vue,vue-html",
2832
"body": [
2933
"<ion-card>",
3034
"\t<ion-card-header>",
@@ -41,13 +45,15 @@
4145
},
4246
"ionic-vue Checkbox": {
4347
"prefix": "ivcheckbox",
48+
"scope": "html,vue,vue-html",
4449
"body": [
4550
"<ion-checkbox></ion-checkbox>"
4651
],
4752
"description": "Creates ionc-vue checkbox"
4853
},
4954
"ionic-vue Chip": {
5055
"prefix": "ivchip",
56+
"scope": "html,vue,vue-html",
5157
"body": [
5258
"<ion-chip>",
5359
"\t<ion-label>Default</ion-label>",
@@ -57,6 +63,7 @@
5763
},
5864
"ionic-vue Datetime": {
5965
"prefix": "ivdatetime",
66+
"scope": "html,vue,vue-html",
6067
"body": [
6168
"<ion-item>",
6269
"\t<ion-label>MMMM</ion-label>",
@@ -67,6 +74,7 @@
6774
},
6875
"ionic-vue FAB": {
6976
"prefix": "ivfab",
77+
"scope": "html,vue,vue-html",
7078
"body": [
7179
"<ion-fab vertical=\"bottom\" horizontal=\"start\" slot=\"fixed\">",
7280
"\t<ion-fab-button>",
@@ -78,6 +86,7 @@
7886
},
7987
"ionic-vue Grid": {
8088
"prefix": "ivgrid",
89+
"scope": "html,vue,vue-html",
8190
"body": [
8291
"<ion-grid>",
8392
"\t<ion-row>",
@@ -100,27 +109,31 @@
100109
},
101110
"ionic-vue Icon": {
102111
"prefix": "ivicon",
112+
"scope": "html,vue,vue-html",
103113
"body": [
104114
"<ion-icon name=\"add-circle-outline\"></ion-icon>"
105115
],
106116
"description": "Creates ionc-vue icon"
107117
},
108118
"ionic-vue Input": {
109119
"prefix": "ivinput",
120+
"scope": "html,vue,vue-html",
110121
"body": [
111122
"<ion-input></ion-input>"
112123
],
113124
"description": "Creates ionc-vue input"
114125
},
115126
"ionic-vue Textarea": {
116127
"prefix": "ivtextarea",
128+
"scope": "html,vue,vue-html",
117129
"body": [
118130
"<ion-textarea></ion-textarea>"
119131
],
120132
"description": "Creates ionc-vue textarea"
121133
},
122134
"ionic-vue Item": {
123135
"prefix": "ivitem",
136+
"scope": "html,vue,vue-html",
124137
"body": [
125138
"<ion-item>",
126139
"\t<ion-label>",
@@ -132,6 +145,7 @@
132145
},
133146
"ionic-vue Item Divider": {
134147
"prefix": "ivitemdivider",
148+
"scope": "html,vue,vue-html",
135149
"body": [
136150
"<ion-item-divider>",
137151
"\t<ion-label>",
@@ -143,6 +157,7 @@
143157
},
144158
"ionic-vue Item Group": {
145159
"prefix": "ivitemgroup",
160+
"scope": "html,vue,vue-html",
146161
"body": [
147162
"<ion-item-group>",
148163
"\t<ion-item>",
@@ -160,13 +175,15 @@
160175
},
161176
"ionic-vue Label": {
162177
"prefix": "ivlabel",
178+
"scope": "html,vue,vue-html",
163179
"body": [
164180
"<ion-label>Label</ion-label>"
165181
],
166182
"description": "Creates ionc-vue label"
167183
},
168184
"ionic-vue List": {
169185
"prefix": "ivlist",
186+
"scope": "html,vue,vue-html",
170187
"body": [
171188
"<ion-list>",
172189
"\t<ion-item>",
@@ -187,6 +204,7 @@
187204
},
188205
"ionic-vue List Header": {
189206
"prefix": "ivlistheader",
207+
"scope": "html,vue,vue-html",
190208
"body": [
191209
"<ion-list-header>",
192210
"\t<ion-label>List Header</ion-label>",
@@ -196,6 +214,7 @@
196214
},
197215
"ionic-vue Avatar": {
198216
"prefix": "ivavatar",
217+
"scope": "html,vue,vue-html",
199218
"body": [
200219
"<ion-avatar>",
201220
"\t<img src=\"https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y\">",
@@ -205,13 +224,15 @@
205224
},
206225
"ionic-vue Image": {
207226
"prefix": "ivimage",
227+
"scope": "html,vue,vue-html",
208228
"body": [
209229
"<ion-img :src=\"item.src\"></ion-img>",
210230
],
211231
"description": "Creates ionc-vue image"
212232
},
213233
"ionic-vue Thumbnail": {
214234
"prefix": "ivthumbnail",
235+
"scope": "html,vue,vue-html",
215236
"body": [
216237
"<ion-thumbnail slot=\"start\">",
217238
"\t<img :src=\"item.src\"></img>",
@@ -221,6 +242,7 @@
221242
},
222243
"ionic-vue Menu": {
223244
"prefix": "ivmenu",
245+
"scope": "html,vue,vue-html",
224246
"body": [
225247
"<ion-menu side=\"start\" menu-id=\"first\" content-id=\"main\">",
226248
"\t<ion-header>",

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /