title: Vue JS Add Custom HTML attribute to script tag
body: <p>I'm using plausible analytics instead of Google Analytics and need to add their script to the head of the doc. I've built my site using Nuxt JS and have created a custom plugin to add the script but the Vue Meta api only seems to accept predefined attributes to a script tag. I need to add a custom attribute &quot;data-domain&quot; to the script and can't figure out how to.</p>
  <p>This is my <strong>~/plugins/plausible.js</strong> file:</p>
  <pre><code>export default ({ app: { head, router, context } }, inject) =&gt; {
  
  
   head.scripts.push({
      src: &quot;https://plausible.io/js/plausible.js&quot;,
      async: true,
      defer: true,
      &quot;data-domain&quot;: &quot;jmcardle.co&quot;
    });
  };
  </code></pre>
  <p>nuxt.config.js</p>
  <pre><code>plugins: [{
          src: '~plugins/plausible.js',
          mode: 'client'
      }],
  </code></pre>
  <p>Thanks in advance!</p>