formatting

Author: sdras

README.md

@@ -33,7 +33,7 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 ### Vue
 
 | Snippet      | Purpose                                    |
-| -----------  | ------------------------------------------ |
+| ------------ | ------------------------------------------ |
 | `vbase`      | Single file component base with SCSS       |
 | `vbase-css`  | Single file component base with CSS        |
 | `vbase-pcss` | Single file component base with PostCSS    |
@@ -137,11 +137,11 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 
 ### Nuxt Page
 
-| Snippet | Purpose                                                 |
-| ------- | ------------------------------------------------------- |
-| `nasyncdata`    | Nuxt asyncData                                        |
-| `nfetch`        | Nuxt Fetch                                            |
-| `nhead`         | Nuxt Head                                             |
+| Snippet      | Purpose        |
+| ------------ | -------------- |
+| `nasyncdata` | Nuxt asyncData |
+| `nfetch`     | Nuxt Fetch     |
+| `nhead`      | Nuxt Head      |
 
 ### Extra (plaintext)
 

snippets/nuxt-script.json

@@ -1,17 +1,37 @@
 {
   "Nuxt Async": {
     "prefix": "nasyncdata",
-    "body": ["async asyncData ({ ${1:params} }) {", "\tconst { data } = await fetch(`${2:endpoint}`).then(res => res.json())", "\treturn { ${3:key}:${4:value} }", "},"],
+    "body": [
+      "async asyncData ({ ${1:params} }) {",
+      "\tconst { data } = await fetch(`${2:endpoint}`).then(res => res.json())",
+      "\treturn { ${3:key}:${4:value} }",
+      "},"
+    ],
     "description": "Nuxt asyncData"
   },
   "Nuxt Fetch": {
     "prefix": "nfetch",
-    "body": ["async fetch ({ store, ${1:params} }) {", "\tlet { data } = await fetch('${2:endpoint}').then(res => res.json())", "\tstore.commit('${3:MUTATION_TYPE}', data)", "},"],
+    "body": [
+      "async fetch ({ store, ${1:params} }) {",
+      "\tlet { data } = await fetch('${2:endpoint}').then(res => res.json())",
+      "\tstore.commit('${3:MUTATION_TYPE}', data)",
+      "},"
+    ],
     "description": "Nuxt Fetch"
   },
   "Nuxt Head": {
     "prefix": "nhead",
-    "body": ["head () {", "\treturn {", "\t\ttitle: ${1:'Page Title'},", "\t\tmeta: [", "\t\t\t// hid is used as unique identifier. Do not use `vmid` for it as it will not work","\t\t\t{ hid: 'description', name: 'description', content: ${2:'My custom description'} }", "\t\t]", "\t}", "},"],
+    "body": [
+      "head () {",
+      "\treturn {",
+      "\t\ttitle: ${1:'Page Title'},",
+      "\t\tmeta: [",
+      "\t\t\t// hid is used as unique identifier. Do not use `vmid` for it as it will not work",
+      "\t\t\t{ hid: 'description', name: 'description', content: ${2:'My custom description'} }",
+      "\t\t]",
+      "\t}",
+      "},"
+    ],
     "description": "Nuxt Head"
   }
 }

snippets/vue-script-router.json

@@ -50,20 +50,12 @@
   },
   "Vue Router afterEach": {
     "prefix": "vaftereach",
-    "body": [
-      "router.afterEach((to, from) => {",
-      "\t",
-      "});"
-    ],
+    "body": ["router.afterEach((to, from) => {", "\t", "});"],
     "description": "Vue Router global guards afterEach"
   },
   "Vue Router beforeEnter": {
     "prefix": "vbeforeenter",
-    "body": [
-      "beforeEnter(to, from, next) {",
-      "\t${1:next();}",
-      "},"
-    ],
+    "body": ["beforeEnter(to, from, next) {", "\t${1:next();}", "},"],
     "description": "Vue Router per-route guard beforeEnter"
   },
   "Vue Router beforeRouteEnter": {
@@ -77,20 +69,12 @@
   },
   "Vue Router beforeRouteUpdate": {
     "prefix": "vbeforerouteupdate",
-    "body": [
-      "beforeRouteUpdate(to, from, next) {",
-      "\t${1:next();}",
-      "},"
-    ],
+    "body": ["beforeRouteUpdate(to, from, next) {", "\t${1:next();}", "},"],
     "description": "Vue Router component guards beforeRouteUpdate"
   },
   "Vue Router beforeRouteLeave": {
     "prefix": "vbeforerouteleave",
-    "body": [
-      "beforeRouteLeave(to, from, next) {",
-      "\t${1:next();}",
-      "},"
-    ],
+    "body": ["beforeRouteLeave(to, from, next) {", "\t${1:next();}", "},"],
     "description": "Vue Router component guards beforeRouteLeave"
   },
   "Vue Router Route": {

snippets/vue-script.json

@@ -227,8 +227,7 @@
   "Vue Import GSAP": {
     "prefix": "vimport-gsap",
     "body": ["import { TimelineMax, ${1:Ease} } from 'gsap';"],
-    "description":
-      "component methods options that dispatch an action from vuex store."
+    "description": "component methods options that dispatch an action from vuex store."
   },
   "Vue Transition Methods with JavaScript Hooks": {
     "prefix": "vanimhook-js",

snippets/vue-template.json

@@ -91,12 +91,16 @@
   },
   "Vue Named Routing Link": {
     "prefix": "vroutename",
-    "body": ["<router-link :to=\"{name: '${1:name}'}\">${2:LinkTitle}</router-link>"],
+    "body": [
+      "<router-link :to=\"{name: '${1:name}'}\">${2:LinkTitle}</router-link>"
+    ],
     "description": "Named routing link"
-  }, 
+  },
   "Vue Named Routing Link with Params": {
     "prefix": "vroutenameparam",
-    "body": ["<router-link :to=\"{name: '${1:name}', params:{${2:id}: '${3:value}'} }\">${4:LinkTitle}</router-link>"],
+    "body": [
+      "<router-link :to=\"{name: '${1:name}', params:{${2:id}: '${3:value}'} }\">${4:LinkTitle}</router-link>"
+    ],
     "description": "Named routing link w/ params"
   },
   "Vue Path Routing Link": {