Vue-meta: metaInfo doesn't have an access to computed properties : <p>I'm using vue-meta to dynamically change my meta tags. I want to change it only on some particular pages. </p>

<p>I'm using metaInfo function and try to change, for example, a title. But data from my getter is undefined which is why I cannot change the title in meta tags. It seems like metaInfo function try to access data before the component actually has it.</p>

<p>Here is my code in the component:</p>

<pre><code>&lt;template&gt;
...
&lt;/template&gt;

&lt;script&gt;
 export default {
     metaInfo() {
       return {
         title: this.getViewPage.data.meta.title, // data is undefined
    };
  },
  created() {
     this.loadViewPage();
  },
  computed: {
     ...mapGetters(['getViewPage']),
  },
  methods: {
     ...mapActions(['loadViewPage']),
};
&lt;/script&gt;
</code></pre>
