title: How to create custom meta tags in Vue Meta 3?
body: <p>I am using <code>Vue Meta 3</code> to provide meta data to the website. The API for this is <a href="https://composition-api.nuxtjs.org/packages/useMeta" rel="nofollow noreferrer">here</a></p>
  <p>I do not understand how to provide custom meta tags( e.g Open Graph tags such as <code>og:type</code>). This is what I have tried to do in a component:</p>
  <pre><code>setup() {
      useMeta({
        title: &quot;Homepage&quot;,
        meta: [
            {name: &quot;hunky:dory&quot;, content: &quot;website&quot;}
        ],
        description: &quot;This is the homepage.&quot;
      })
    },
  </code></pre>
  <p>The HTML that gets outputted ends up like this:</p>
  <pre><code>&lt;head&gt;
   &lt;title&gt;Homepage&lt;/title&gt;
   &lt;meta name=&quot;description&quot; content=&quot;This is the homepage.&quot;&gt;
   &lt;meta name=&quot;meta&quot; content=&quot;website&quot;&gt; &lt;!-- should be &lt;meta name=&quot;hunky:dory content=&quot;website&quot;&gt; --&gt;
  &lt;/head&gt;
  </code></pre>
  <p>If I change the code to this:</p>
  <pre><code>setup() {
      useMeta({
        title: &quot;Homepage&quot;,
        &quot;hunky:dory&quot;: [
            {content: &quot;website&quot;}
        ],
        description: &quot;This is the homepage.&quot;
      })
    },
  </code></pre>
  <p>I get illegal HTML output:</p>
  <pre><code>&lt;head&gt;
       &lt;title&gt;Homepage&lt;/title&gt;
       &lt;meta name=&quot;description&quot; content=&quot;This is the homepage.&quot;&gt;
       &lt;hunky:dory&gt;website&lt;/hunky:dory&gt; &lt;!-- total nonsense --&gt;
      &lt;/head&gt;
  </code></pre>
  <p>How do I get the output to be:</p>
  <pre><code>&lt;head&gt;
           &lt;title&gt;Homepage&lt;/title&gt;
           &lt;meta name=&quot;description&quot; content=&quot;This is the homepage.&quot;&gt;
           &lt;meta name=&quot;hunky:dory&quot; content=&quot;website&quot;&gt;
          &lt;/head&gt;
  </code></pre>