title: How to use Vue 3 Meta with Vue.js 3?
body: <p>It seems that <a href="https://vue-meta.nuxtjs.org/" rel="noreferrer">Vue Meta</a> has been upgraded to handle Vue.js 3 with a new npm package called <a href="https://www.npmjs.com/package/vue-3-meta" rel="noreferrer"><code>vue-3-meta</code></a></p>
  <p>Before Vue.js 3, it was easy to use <code>vue-meta</code> by adding it to the Vue instance:</p>
  <pre><code>import Vue from 'vue'
  import VueMeta from 'vue-meta'
   
  Vue.use(VueMeta, {
    // optional pluginOptions
    refreshOnceOnNavigation: true
  })
  </code></pre>
  <p>However in Vue.js 3, there is no Vue instance; and instead you create the app by running <code>createApp</code> like such:</p>
  <pre><code>const app = createApp(App);
  const router = createVueRouter();
  
  app.use(router);
  // need to make app use Vue-Meta here
  </code></pre>
  <p>I cannot find any documentation for <code>vue-3-meta</code>. <code>import VueMeta from 'vue-meta'</code> no longer works.</p>
  <p>How do I import the <code>vue-3-meta</code> plugin properly and use it with <code>app</code> like in prior versions?</p>