Merge pull request #5 from hisasann/feature/add-async-custom-head

feat: add async custom head

Author: hisasann

src/pages/example/async-custom-head.vue

@@ -0,0 +1,45 @@
+<template lang="pug">
+  section.container
+    h1.title
+      | custom-head
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'nuxt-property-decorator'
+
+@Component
+export default class extends Vue {
+  public title: string = ''
+  public content: string = ''
+
+  public asyncData() {
+    return {
+      content: 'from asyncData'
+    }
+  }
+  public data() {
+    return {
+      title: 'custom-head'
+    }
+  }
+
+  public head() {
+    const robots = {
+      name: 'robots',
+      content: `noindex,nofollow`
+    }
+
+    return {
+      title: this.title,
+      meta: [
+        {
+          hid: 'description',
+          name: 'description',
+          content: `My custom description ${this.content}`
+        },
+        robots
+      ]
+    }
+  }
+}
+</script>

src/pages/example/index.vue

@@ -32,6 +32,9 @@
     p
       nuxt-link(to='/example/custom-head', no-prefetch)
         | custom-head
+    p
+      nuxt-link(to='/example/async-custom-head', no-prefetch)
+        | async-custom-head
     p
       nuxt-link(to='/example/api')
         | api