Skip to content

Commit 49cdaff

Browse files
dolbexdolbex
committed
Merge
2 parents 72a0c82 + e8c9caf commit 49cdaff

File tree

3 files changed

+89
-67
lines changed

3 files changed

+89
-67
lines changed

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,9 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
3434

3535
| Snippet | Purpose |
3636
| ----------- | ------------------------------------------ |
37-
| `vbase` | Single file component base |
37+
| `vbase` | Single file component base with SCSS |
3838
| `vbase-css` | Single file component base with CSS |
39+
| `vbase-pcss`| Single file component base with PostCSS |
3940
| `vbase-ts` | Single file component base with Typescript |
4041
| `vbase-ns` | Single file component with no styles |
4142

snippets/plaintext.json renamed to snippets/ignore.json

File renamed without changes.

‎snippets/vue.json‎

Lines changed: 87 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,70 +1,91 @@
11
{
2-
"Vue Single File Component": {
3-
"prefix": "vbase",
4-
"body": [
5-
"<template>",
6-
"\t<div>",
7-
"",
8-
"\t</div>",
9-
"</template>",
10-
"",
11-
"<script>",
12-
"\texport default {",
13-
"\t\t${0}",
14-
"\t}",
15-
"</script>",
16-
"",
17-
"<style lang=\"scss\" scoped>",
18-
"",
19-
"</style>"
20-
],
21-
"description": "Base for Vue File"
22-
},
23-
"Vue Single File Component with Css": {
24-
"prefix": "vbase-css",
25-
"body": [
26-
"<template>",
27-
"\t<div>",
28-
"",
29-
"\t</div>",
30-
"</template>",
31-
"",
32-
"<script>",
33-
"\texport default {",
34-
"\t\t${0}",
35-
"\t}",
36-
"</script>",
37-
"",
38-
"<style scoped>",
39-
"",
40-
"</style>"
41-
],
42-
"description": "Base for Vue File"
43-
},
44-
"Vue Single File Component with Typescript": {
45-
"prefix": "vbase-ts",
46-
"body": [
47-
"<template>",
48-
"\t<div>",
49-
"",
50-
"\t</div>",
51-
"</template>",
52-
"",
53-
"<script lang=\"ts\">",
54-
"\timport Vue from 'vue'",
55-
"",
56-
"\texport default Vue.extend({",
57-
"\t\t${0}",
58-
"\t})",
59-
"</script>",
60-
"",
61-
"<style scoped>",
62-
"",
63-
"</style>"
64-
],
65-
"description": "Base for Vue File with Typescript"
66-
},
67-
"Vue Single File Component with No Style": {
2+
"Vue Single File Component": {
3+
"prefix": "vbase",
4+
"body": [
5+
"<template>",
6+
"\t<div>",
7+
"",
8+
"\t</div>",
9+
"</template>",
10+
"",
11+
"<script>",
12+
"\texport default {",
13+
"\t\t${0}",
14+
"\t}",
15+
"</script>",
16+
"",
17+
"<style lang=\"scss\" scoped>",
18+
"",
19+
"</style>"
20+
],
21+
"description": "Base for Vue File with SCSS"
22+
},
23+
"Vue Single File Component with postcss": {
24+
"prefix": "vbase-pcss",
25+
"body": [
26+
"<template>",
27+
"\t<div>",
28+
"",
29+
"\t</div>",
30+
"</template>",
31+
"",
32+
"<script>",
33+
"\texport default {",
34+
"\t\t${0}",
35+
"\t}",
36+
"</script>",
37+
"",
38+
"<style lang=\"postcss\" scoped>",
39+
"",
40+
"</style>"
41+
],
42+
"description": "Base for Vue File with PostCSS"
43+
},
44+
"Vue Single File Component with Css": {
45+
"prefix": "vbase-css",
46+
"body": [
47+
"<template>",
48+
"\t<div>",
49+
"",
50+
"\t</div>",
51+
"</template>",
52+
"",
53+
"<script>",
54+
"\texport default {",
55+
"\t\t${0}",
56+
"\t}",
57+
"</script>",
58+
"",
59+
"<style scoped>",
60+
"",
61+
"</style>"
62+
],
63+
"description": "Base for Vue File with CSS"
64+
},
65+
"Vue Single File Component with Typescript": {
66+
"prefix": "vbase-ts",
67+
"body": [
68+
"<template>",
69+
"\t<div>",
70+
"",
71+
"\t</div>",
72+
"</template>",
73+
"",
74+
"<script lang=\"ts\">",
75+
"\timport Vue from 'vue'",
76+
"",
77+
"\texport default Vue.extend({",
78+
"\t\t${0}",
79+
"\t})",
80+
"</script>",
81+
"",
82+
"<style scoped>",
83+
"",
84+
"</style>"
85+
],
86+
"description": "Base for Vue File with Typescript"
87+
},
88+
"Vue Single File Component with No Style": {
6889
"prefix": "vbase-ns",
6990
"body": [
7091
"<template>",

0 commit comments

Comments
 (0)