У меня есть 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 ()?