Привязка данных Vuex к vue-meta
Я работаю над блогом и с трудом пытаюсь подключить Vuex и Vue-meta. Вот код:
На шаблоне статьи я использую v-for="article in selectedArticle"
и вычисляемое свойство для отображения правильной статьи из Vuex
selectedArticle() {
return this.$store.state.articles.filter(article => article.id == this.$route.params.id);
},
Я пытаюсь использовать Vue-meta таким образом:
metaInfo: {
title: ???,
meta: [
{ charset: 'utf-8' },
{ vmid: 'description', name: 'description', content: ???.id },
{
'property': 'og:image',
'content': https://api.someurl.com/article/ + ???.id,
'vmid': 'og:image'
}
]
}
Я думаю, что один из способов сделать это - связать данные Vuex, полученные в SelectedArticle
к фактическому data
свойство компонента, а затем использовать title : this.article.title
в metaInfo
, Но я не знаю, как это сделать, и я не уверен, что это правильный путь.
Любые другие предложения?
большое спасибо