title: Nuxt.js embed code renders iframe but not script
body: <p>I have a page builder app with Vue and Nuxt.js, one of the components is an embed block that lets you render custom html, it mostly works, but fails when using a script tag. Here's my component:</p>
  <pre><code>&lt;template&gt;
    &lt;div
      class=&quot;embed-block&quot;
      :class=&quot;config.alignment&quot;&gt;
      &lt;div
        class=&quot;embed-block--wrapper&quot;
        v-html=&quot;config.embed&quot;/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    name: 'EmbedBlock',
    props: {
      config: {
        type: Object,
        default: () =&gt; {}
      }
    }
  };
  &lt;/script&gt;
  </code></pre>
  <p>For example sending this would work perfectly, rendering the youtube player:</p>
  <pre><code>&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/aQkPcPqTq4M&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  <p>But sending this, would not:</p>
  <pre><code>&lt;div id=&quot;buzzsprout-player-2264951&quot;&gt;&lt;/div&gt;&lt;script src=&quot;https://www.buzzsprout.com/723057/2264951-episode-2.js?container_id=buzzsprout-player-2264951&amp;player=small&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>EDIT: it seems to be a problem with v-html not renderings script tags, but now, whats the alternative?</p>