feat: add more snippets

Author: ntnyq

README.md

@@ -1,3 +1,3 @@
-# Vscode Snippets Ntnyq
+# Vue Snippets Ntnyq
 
 __WIP__

package.json

@@ -3,6 +3,10 @@
   "displayName": "Vue Snippets Ntnyq",
   "description": "Vue snippets speed up your development",
   "version": "0.0.1",
+  "scripts": {
+    "build": "vsce package -o vue-vscode-snippets-$npm_package_version.vsix",
+    "install": "yarn build && code --install-extension vue-vscode-snippets-$npm_package_version.vsix"
+  },
   "icon": "images/vue-logo.png",
   "engines": {
     "vscode": "^1.32.0"
@@ -43,6 +47,10 @@
       {
         "language": "javascript",
         "path": "./snippets/vue-script-vuex.json"
+      },
+      {
+        "language": "javascript",
+        "path": "./snippets/vue-script-router.json"
       }
     ]
   }

snippets/vue-script-router.json

@@ -0,0 +1,28 @@
+{
+  "Vue Router Base": {
+    "prefix": "vrbase",
+    "body": [
+      "import Vue from 'vue'",
+      "import VueRouter from 'vue-router'",
+      "import routes from './routes'",
+      "",
+      "Vue.use(VueRouter)",
+      "",
+      "const router = new VueRouter({",
+      "  routes",
+      "})",
+      "",
+      "export default router",
+      ""
+    ],
+    "description": "Vue Router Base"
+  },
+  "Vue Router Import": {
+    "prefix": "vrimport",
+    "body": [
+      "import router from '@/router'",
+      ""
+    ],
+    "description": "Vue Router Import"
+  }
+}

snippets/vue-script-vuex.json

@@ -1 +1,68 @@
-{}
+{
+  "Vuex Base": {
+    "prefix": "vxbase",
+    "body": [
+      "import Vue from 'vue'",
+      "import Vuex from 'vuex'",
+      "import getters from './getters'",
+      "import modules from './modules'",
+      "",
+      "Vue.use(Vuex)",
+      "",
+      "const state = {",
+      "",
+      "}",
+      "",
+      "const actions = {",
+      "",
+      "}",
+      "",
+      "const mutations = {",
+      "",
+      "}",
+      "",
+      "const store = new Vuex.Store({",
+      "  state,",
+      "  actions,",
+      "  mutations,",
+      "  getters,",
+      "  modules",
+      "})",
+      "",
+      "export default store",
+      ""
+    ],
+    "description": "Vuex Base"
+  },
+  "Vuex Module": {
+    "prefix": "vxmodule",
+    "body": [
+      "const state = {",
+      "",
+      "}",
+      "",
+      "const actions = {",
+      "",
+      "}",
+      "",
+      "const mutations = {",
+      "",
+      "}",
+      "",
+      "export default {",
+      "  state,",
+      "  actions,",
+      "  mutations",
+      "}",
+      ""
+    ],
+    "description": "Vuex Module"
+  },
+  "Vuex Import": {
+    "prefix": "vximport",
+    "body": [
+      "import store from '@/store'"
+    ],
+    "description": "Vuex Import"
+  }
+}

snippets/vue-script.json

@@ -1 +1,24 @@
-{}
+{
+  "Vue Data": {
+    "prefix": "vdata",
+    "body": [
+      "data () {",
+      "  return {",
+      "    ${1:isLoading}: ${2:false}",
+      "  }",
+      "},"
+    ],
+    "description": "Vue Data"
+  },
+  "Vue Method": {
+    "prefix": "vmethod",
+    "body": [
+      "methods: {",
+      "  ${1:fetchData} () {",
+      "",
+      "  }",
+      "},"
+    ],
+    "description": "Vue Method"
+  }
+}