Skip to content

Commit f3a892c

Browse files
committed
feat: Add .vue file snippets (#10)
* Add .vue file snippets #1 Snippets list: - vbase - vbase-sass - vbase-less - vbase-pcss - vbase-css - vbase-styl - vbase-ns
1 parent 3bfb606 commit f3a892c

File tree

1 file changed

+138
-0
lines changed

1 file changed

+138
-0
lines changed

Diff for: snippets/vue.code-snippets

+138
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
{
2+
"Vue SFC <script setup>, TS, SCSS": {
3+
"prefix": "vbase",
4+
"body": [
5+
"<script setup lang='ts'>",
6+
"",
7+
"</script>"
8+
,
9+
"",
10+
"<template>",
11+
"\t<div>",
12+
"\t\t${0}",
13+
"\t</div>",
14+
"</template>",
15+
"",
16+
"<style lang=\"scss\" scoped>",
17+
"",
18+
"</style>"
19+
],
20+
"description": "Base for Vue 3 File with <script setup>, TypeScript and SCSS"
21+
},
22+
"Vue SFC <script setup>, TS, SASS": {
23+
"prefix": "vbase-sass",
24+
"body": [
25+
"<script setup lang='ts'>",
26+
"",
27+
"</script>"
28+
,
29+
"",
30+
"<template>",
31+
"\t<div>",
32+
"\t\t${0}",
33+
"\t</div>",
34+
"</template>",
35+
"",
36+
"<style lang=\"sass\" scoped>",
37+
"",
38+
"</style>"
39+
],
40+
"description": "Base for Vue 3 File with <script setup>, TypeScript and SASS"
41+
},
42+
"Vue SFC <script setup>, TS, LESS": {
43+
"prefix": "vbase-less",
44+
"body": [
45+
"<script setup lang='ts'>",
46+
"",
47+
"</script>"
48+
,
49+
"",
50+
"<template>",
51+
"\t<div>",
52+
"\t\t${0}",
53+
"\t</div>",
54+
"</template>",
55+
"",
56+
"<style lang=\"less\" scoped>",
57+
"",
58+
"</style>"
59+
],
60+
"description": "Base for Vue 3 File with <script setup>, TypeScript and LESS"
61+
},
62+
"Vue SFC <script setup>, TS, PostCSS": {
63+
"prefix": "vbase-pcss",
64+
"body": [
65+
"<script setup lang='ts'>",
66+
"",
67+
"</script>"
68+
,
69+
"",
70+
"<template>",
71+
"\t<div>",
72+
"\t\t${0}",
73+
"\t</div>",
74+
"</template>",
75+
"",
76+
"<style lang=\"postcss\" scoped>",
77+
"",
78+
"</style>"
79+
],
80+
"description": "Base for Vue 3 File with <script setup>, TypeScript and PostCSS"
81+
},
82+
"Vue SFC <script setup>, TS, CSS": {
83+
"prefix": "vbase-css",
84+
"body": [
85+
"<script setup lang='ts'>",
86+
"",
87+
"</script>"
88+
,
89+
"",
90+
"<template>",
91+
"\t<div>",
92+
"\t\t${0}",
93+
"\t</div>",
94+
"</template>",
95+
"",
96+
"<style lang=\"css\" scoped>",
97+
"",
98+
"</style>"
99+
],
100+
"description": "Base for Vue 3 File with <script setup>, TypeScript and CSS"
101+
},
102+
"Vue SFC <script setup>, TS, Stylus": {
103+
"prefix": "vbase-styl",
104+
"body": [
105+
"<script setup lang='ts'>",
106+
"",
107+
"</script>"
108+
,
109+
"",
110+
"<template>",
111+
"\t<div>",
112+
"\t\t${0}",
113+
"\t</div>",
114+
"</template>",
115+
"",
116+
"<style lang=\"stylus\" scoped>",
117+
"",
118+
"</style>"
119+
],
120+
"description": "Base for Vue 3 File with <script setup>, TypeScript and Stylus"
121+
},
122+
"Vue SFC <script setup>, TS, No Style": {
123+
"prefix": "vbase-ns",
124+
"body": [
125+
"<script setup lang='ts'>",
126+
"",
127+
"</script>"
128+
,
129+
"",
130+
"<template>",
131+
"\t<div>",
132+
"\t\t${0}",
133+
"\t</div>",
134+
"</template>",
135+
],
136+
"description": "Base for Vue 3 File with <script setup>, TypeScript and no style"
137+
},
138+
}

0 commit comments

Comments
 (0)