Skip to content

Commit 765a428

Browse files
authored
feat: Add vue-script snippets (#12)
* Original snippets #3 - vref - vreactive - vcomputed - vwatch - vwatcheffect - vonmounted - vonbeforemount - vonbeforeupdate - vonupdated - vonerrorcaptured - vonunmounted - vonbeforeunmount * New snippets #3 - vdefineprops - vdefineemits - vdefineemits-nopayload - vsingleemit - vsingleemit-nopayload
1 parent 019cbd5 commit 765a428

File tree

2 files changed

+150
-0
lines changed

2 files changed

+150
-0
lines changed

Diff for: package.json

+8
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,14 @@
2929
{
3030
"language": "html",
3131
"path": "./snippets/vue-template.code-snippets"
32+
},
33+
{
34+
"language": "javascript",
35+
"path": "./snippets/vue-script.code-snippets"
36+
},
37+
{
38+
"language": "typescript",
39+
"path": "./snippets/vue-script.code-snippets"
3240
}
3341
]
3442
}

Diff for: snippets/vue-script.code-snippets

+142
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
{
2+
"Vue Ref": {
3+
"prefix": "vref",
4+
"body": ["const ${1:name} = ref(${2:initialValue})"],
5+
"description": "Vue Ref"
6+
},
7+
"Vue Reactive": {
8+
"prefix": "vreactive",
9+
"body": ["const ${1:name} = reactive({", "\t${2:count}: ${3:0}", "})"],
10+
"description": "Vue reactive"
11+
},
12+
"Vue Computed": {
13+
"prefix": "vcomputed",
14+
"body": ["const ${1:name} = computed(() => {", "\treturn ${2}", "})"],
15+
"description": "Vue computed"
16+
},
17+
"Vue Watch": {
18+
"prefix": "vwatch",
19+
"body": [
20+
"watch(",
21+
"\t() => ${1:name},",
22+
"\t() => {",
23+
"\t\t${2}",
24+
"\t}",
25+
")"
26+
],
27+
"description": "Vue watcher"
28+
},
29+
"Vue Watch Effect": {
30+
"prefix": "vwatcheffect",
31+
"body": [
32+
"watchEffect(() => {",
33+
"\t${1}",
34+
"})"
35+
],
36+
"description": "Vue Watch Effect"
37+
},
38+
"Vue Lifecycle Hooks - onMounted": {
39+
"prefix": "vonmounted",
40+
"body": [
41+
"onMounted(() => {",
42+
"\t${1}",
43+
"})"
44+
],
45+
"description": "Vue onMounted Lifecycle hook"
46+
},
47+
"Vue Lifecycle Hooks - onBeforeMount": {
48+
"prefix": "vonbeforemount",
49+
"body": [
50+
"onBeforeMount(() => {",
51+
"\t${1}",
52+
"})"
53+
],
54+
"description": "Vue onBeforeMount Lifecycle hook"
55+
},
56+
"Vue Lifecycle Hooks - onBeforeUpdate": {
57+
"prefix": "vonbeforeupdate",
58+
"body": [
59+
"onBeforeUpdate(() => {",
60+
"\t${1}",
61+
"})"
62+
],
63+
"description": "Vue onBeforeUpdate Lifecycle hook"
64+
},
65+
"Vue Lifecycle Hooks - onUpdated": {
66+
"prefix": "vonupdated",
67+
"body": [
68+
"onUpdated(() => {",
69+
"\t${1}",
70+
"})"
71+
],
72+
"description": "Vue onUpdated Lifecycle hook"
73+
},
74+
"Vue Lifecycle Hooks - onErrorCaptured": {
75+
"prefix": "vonerrorcaptured",
76+
"body": [
77+
"onErrorCaptured(() => {",
78+
"\t${1}",
79+
"})"
80+
],
81+
"description": "Vue onErrorCaptured Lifecycle hook"
82+
},
83+
"Vue Lifecycle Hooks - onUnmounted": {
84+
"prefix": "vonunmounted",
85+
"body": [
86+
"onUnmounted(() => {",
87+
"\t${1}",
88+
"})"
89+
],
90+
"description": "Vue onUnmounted Lifecycle hook"
91+
},
92+
"Vue Lifecycle Hooks - onBeforeUnmount": {
93+
"prefix": "vonbeforeunmount",
94+
"body": [
95+
"onBeforeUnmount(() => {",
96+
"\t${1}",
97+
"})"
98+
],
99+
"description": "Vue onBeforeUnmount Lifecycle hook"
100+
},
101+
"Vue Define Props": {
102+
"prefix": "vdefineprops",
103+
"body": [
104+
"defineProps<{",
105+
"\t${1:name}: ${2:type}",
106+
"}>()"
107+
],
108+
"description": "Vue defineProps"
109+
},
110+
"Vue Define Emits": {
111+
"prefix": "vdefineemits",
112+
"body": [
113+
"defineEmits<{",
114+
"\t(e: '${1:eventName}', ${2:payloadName}: ${3:payloadType}): void",
115+
"}>()"
116+
],
117+
"description": "Vue defineEmits"
118+
},
119+
"Vue Define Emits - No Payload": {
120+
"prefix": "vdefineemits-nopayload",
121+
"body": [
122+
"defineEmits<{",
123+
"\t(e: '${1:eventName}'): void",
124+
"}>()"
125+
],
126+
"description": "Vue defineEmits with no payload"
127+
},
128+
"Vue Single Emit": {
129+
"prefix": "vsingleemit",
130+
"body": [
131+
"(e: '${1:eventName}', ${2:payloadName}: ${3:payloadType}): void",
132+
],
133+
"description": "Vue single emit for defineEmits"
134+
},
135+
"Vue Single Emit - No Payload": {
136+
"prefix": "vsingleemit-nopayload",
137+
"body": [
138+
"(e: '${1:eventName}'): void",
139+
],
140+
"description": "Vue single emit for defineEmits with no payload"
141+
},
142+
}

0 commit comments

Comments
 (0)