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(() => {" , " \t return ${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