Установка мета-описания в блоге с помощью nuxt и NetlifyCMS - PullRequest
Новая
       52

Установка мета-описания в блоге с помощью nuxt и NetlifyCMS

1 голос
/ 01 февраля 2020

Я использую net Nuxt Boilterplate для NetlifyCMS, и все это работает хорошо, но мне трудно разобраться, как установить мета-описание в блоге.

Мой _blog. vue шаблон имеет это 

<template>
  <article>
    <h1>{{ blogPost.title }}</h1>
    <div v-html="$md.render(blogPost.body)" />
  </article>
</template>
<script>
export default {
  async asyncData({ params, payload }) {
    if (payload) {
      this.blogPost = payload
      return {
        blogPost: payload
      }
    } else {
      return {
        blogPost: await require(`~/assets/content/blog/${params.blog}.json`)
      }
    }
  }
}
</script>

Я не могу понять, как установить 

head () {
    return {
      title: blogPost.metatitle,
      meta: [
        // hid is used as unique identifier. Do not use `vmid` for it as it will not work
        { hid: 'description', name: 'description', content: blogPost.metadescription }
      ]
    }
  }

Это, очевидно, не работает, так как blogPost не определен внутри функции head. Но я не уверен, где его разместить, поэтому он имеет значение blogPost.metadescription.

...