Получить страницу и данные страницы по слаг. Страпи и Nuxt - PullRequest
Новая
       84

Получить страницу и данные страницы по слаг. Страпи и Nuxt

0 голосов
/ 03 мая 2020

У меня есть Strapi и Nuxt с Apollo.

Я получаю данные с помощью динамического c запроса, но я не могу применить эти данные для заголовка и описания мета.

Теперь я получаю одну страницу, подобную этой:

мой запрос на product.gql

query Product ($ slug: String) {
products (where: {slug : $ slug}) {
id
slug
name
image {
provider_metadata
}
описание
}
}

страница моей страницы для одного продукта _slug. vue

<template>
        <div
          class="flex flex-wrap pb-16"
          v-for="product in products"
          :key="product.slug"
        >
          <div v-if="product.image" class="w-1/2 flex items-center justify-center">
            <cld-image
              :publicId="product.image.provider_metadata.public_id"
              width="450"
              crop="scale"
            />
          </div>
          <div class="w-1/2">
            <p class="font-bold uppercase text-2xl pb-4">
              {{ product.category.name }} «{{ product.name }}»
            </p>
            <div
              class="pb-4"
              v-if="product.description"
              v-html="$md.render(product.description)"
            ></div>
          </div>
        </div>
      </section>
    </template>

    <script>
    import productQuery from '@/apollo/queries/product/product'
    export default {
      data() {
        return {
          products: {},
          api_url: process.env.API_URL
        }
      },
      apollo: {
        products: {
          prefetch: true,
          query: productQuery,
          variables() {
            let params = this.$route.params
            return {
              slug: params.slug
            }
          }
        }
      },
      head() {
        return {
          // title: this.product.meta_title,
        }
      }
    }
    </script>

Как применить эти данные для вывода в head ()?

...