Add vue-script snippets

package.json

@@ -29,6 +29,14 @@
       {
         "language": "html",
         "path": "./snippets/vue-template.code-snippets"
+      },
+      {
+        "language": "javascript",
+        "path": "./snippets/vue-script.code-snippets"
+      },
+      {
+        "language": "typescript",
+        "path": "./snippets/vue-script.code-snippets"
       }
     ]
   }

snippets/vue-script.code-snippets

@@ -0,0 +1,142 @@
+{
+  "Vue Ref": {
+    "prefix": "vref",
+    "body": ["const ${1:name} = ref(${2:initialValue})"],
+    "description": "Vue Ref"
+  },
+  "Vue Reactive": {
+    "prefix": "vreactive",
+    "body": ["const ${1:name} = reactive({", "\t${2:count}: ${3:0}", "})"],
+    "description": "Vue reactive"
+  },
+  "Vue Computed": {
+    "prefix": "vcomputed",
+    "body": ["const ${1:name} = computed(() => {", "\treturn ${2}", "})"],
+    "description": "Vue computed"
+  },
+  "Vue Watch": {
+    "prefix": "vwatch",
+    "body": [
+      "watch(",
+      "\t() => ${1:name},",
+      "\t() => {",
+      "\t\t${2}",
+      "\t}",
+      ")"
+    ],
+    "description": "Vue watcher"
+  },
+  "Vue Watch Effect": {
+    "prefix": "vwatcheffect",
+    "body": [
+      "watchEffect(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue Watch Effect"
+  },
+  "Vue Lifecycle Hooks - onMounted": {
+    "prefix": "vonmounted",
+    "body": [
+      "onMounted(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onMounted Lifecycle hook"
+  },
+  "Vue Lifecycle Hooks - onBeforeMount": {
+    "prefix": "vonbeforemount",
+    "body": [
+      "onBeforeMount(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onBeforeMount Lifecycle hook"
+  },
+  "Vue Lifecycle Hooks - onBeforeUpdate": {
+    "prefix": "vonbeforeupdate",
+    "body": [
+      "onBeforeUpdate(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onBeforeUpdate Lifecycle hook"
+  },
+  "Vue Lifecycle Hooks - onUpdated": {
+    "prefix": "vonupdated",
+    "body": [
+      "onUpdated(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onUpdated Lifecycle hook"
+  },
+  "Vue Lifecycle Hooks - onErrorCaptured": {
+    "prefix": "vonerrorcaptured",
+    "body": [
+      "onErrorCaptured(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onErrorCaptured Lifecycle hook"
+  },
+  "Vue Lifecycle Hooks - onUnmounted": {
+    "prefix": "vonunmounted",
+    "body": [
+      "onUnmounted(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onUnmounted Lifecycle hook"
+  },
+  "Vue Lifecycle Hooks - onBeforeUnmount": {
+    "prefix": "vonbeforeunmount",
+    "body": [
+      "onBeforeUnmount(() => {",
+      "\t${1}",
+      "})"
+    ],
+    "description": "Vue onBeforeUnmount Lifecycle hook"
+  },
+  "Vue Define Props": {
+    "prefix": "vdefineprops",
+    "body": [
+      "defineProps<{",
+      "\t${1:name}: ${2:type}",
+      "}>()"
+    ],
+    "description": "Vue defineProps"
+  },
+  "Vue Define Emits": {
+    "prefix": "vdefineemits",
+    "body": [
+      "defineEmits<{",
+      "\t(e: '${1:eventName}', ${2:payloadName}: ${3:payloadType}): void",
+      "}>()"
+    ],
+    "description": "Vue defineEmits"
+  },
+  "Vue Define Emits - No Payload": {
+    "prefix": "vdefineemits-nopayload",
+    "body": [
+      "defineEmits<{",
+      "\t(e: '${1:eventName}'): void",
+      "}>()"
+    ],
+    "description": "Vue defineEmits with no payload"
+  },
+  "Vue Single Emit": {
+    "prefix": "vsingleemit",
+    "body": [
+      "(e: '${1:eventName}', ${2:payloadName}: ${3:payloadType}): void",
+    ],
+    "description": "Vue single emit for defineEmits"
+  },
+  "Vue Single Emit - No Payload": {
+    "prefix": "vsingleemit-nopayload",
+    "body": [
+      "(e: '${1:eventName}'): void",
+    ],
+    "description": "Vue single emit for defineEmits with no payload"
+  },
+}