Блог

я использовал приложение по nuxt.js как установить динамический мета-тег из api? в asyncData получить из api, но не установить заголовок в head! не дожидаясь получения от api после установки заголовка в head:{} !

  async asyncData({ params, app }) {
    try {
      let post = await app.$axios.get("/api/post/post?slug="   params.slug);
      return {
        slug: params.slug,
        post: post.data.result,
        categoryName: post.data.result.category.categoryName,
      };
    } catch (e) {
      console.log(e);
    }
  },
  mounted() {
    this.readDataFromAPI(this.$route.params.slug);
  },
  head() {
    console.log('post title is : next line');
    console.log(this.post.title);
    return {
      title: this.post.title,
      meta: [
        {
          hid: "title",
          name: "title",
          content: this.post.title,
        },
        {
          hid: "apple-mobile-web-app-title",
          name: "apple-mobile-web-app-title",
          content: this.post.title,
        },
        {
          hid: "og:title",
          name: "og:title",
          content: this.post.title,
        },
        {
          hid: "description",
          name: "description",
          content: this.post.title,
        },
        {
          hid: "og:description",
          name: "og:description",
          content: this.post.title,
        },
      ],
    };
  },
 

я пытаюсь получить данные из api в смонтированном и созданном и asyncData и извлекать, но не устанавливать мета-тег!