Merge pull request #66 from DominusKelvin/nuxt-script

Added nuxt script snippets

Author: sdras

README.md

@@ -135,6 +135,14 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 | `nfont` | link to include fonts in a nuxt project, in nuxt-config |
 | `ncss`  | link to css assets such as normalize                    |
 
+### Nuxt Page
+
+| Snippet | Purpose                                                 |
+| ------- | ------------------------------------------------------- |
+| `nasyncdata`    | Nuxt asyncData                                        |
+| `nfetch`        | Nuxt Fetch                                            |
+| `nhead`         | Nuxt Head                                             |
+
 ### Extra (plaintext)
 
 | Snippet     | Purpose                 |

package.json

@@ -61,6 +61,10 @@
         "language": "javascript",
         "path": "./snippets/nuxt-config.json"
       },
+      {
+        "language": "javascript",
+        "path": "./snippets/nuxt-script.json"
+      },
       {
         "language": "typescript",
         "path": "./snippets/vue-script.json"
@@ -77,6 +81,10 @@
         "language": "typescript",
         "path": "./snippets/nuxt-config.json"
       },
+      {
+        "language": "typescript",
+        "path": "./snippets/nuxt-script.json"
+      },
       {
         "language": "plaintext",
         "path": "./snippets/plaintext.json"

snippets/nuxt-script.json

@@ -0,0 +1,17 @@
+{
+  "Nuxt Async": {
+    "prefix": "nasyncdata",
+    "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)", "},"],
+    "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}", "},"],
+    "description": "Nuxt Head"
+  }
+}