версия vue-meta 3 : ошибка metaInfo «это не определено» Как я могу создать динамическую мету с помощью вызова api

#vue.js #vuejs3 #vue-meta #laravel-mix-vue3

Вопрос:

в vue-мета версии 3 я использую метаИнфо, как в vue-мета версии 2

Я импортирую плагин vue-meta, но не могу получить доступ к компоненту, ошибка «это не определено»

в setup() мы просто получаем доступ к реквизитам и контексту

Как я могу создать динамическую мету с помощью вызова api и какой способ является стандартным

документация vue-meta версии 3

мой app.js

 import { createApp } from 'vue'
import Axios from 'axios'
import { createMetaManager, plugin as metaPlugin } from 'vue-meta'

const app = createApp({
    components: {
        ...
    }
})
app.use(createMetaManager())
app.use(metaPlugin)
 

мой компонент

 export default {
  data: function () {
    return {
      productName: '',
    };
  },
  mounted() {
      axios.post('/get_product_name').then((response)=>{
          this.productName = response.data.product_name
      })
  },
  metaInfo() {
    let productName = this.productName; 
    return {
       title: productName ?  "product : "   productName : "product",
    }
  }
}