title: Vue 3 handling script tag inside root element
body: <p>I'm trying to avoid Vue from compiling script tag inside root element. Here is a code example:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;const app = Vue.createApp({});&lt;/script&gt;
    &lt;script type=&quot;application/javascript&quot; src=&quot;global_component_bundled.js&quot;&gt;&lt;/script&gt;
    &lt;div id=&quot;app&quot;&gt;
      &lt;script type=&quot;application/javascript&quot; src=&quot;myJsFile.js&quot;&gt;&lt;/script&gt;
      &lt;global-component&gt;&lt;/global-component&gt;
    &lt;/div&gt;
    &lt;script&gt;app.mount(&quot;#app&quot;);&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  <p>I was trying to do something like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;app.config.isCustomElement = tag =&gt; tag.startsWith('script');&lt;/script&gt;
  </code></pre>
  <p>but that doesn't work unfortunately for script tag.</p>
  <p>The Problem is the warnings what i'm getting on browser console. Maybe is there any way to disable the warnings for script tag or to disable Vue from compiling this tag?</p>
  <p>I know that i can do something like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;app.config.warnHandler = () =&gt; null;&lt;/script&gt;
  </code></pre>
  <p>But i just want to disable this warning if is not possible vue to ignore compiling script tag:</p>
  <blockquote>
  <p>Template compilation error: Tags with side effect (script and style) are ignored in client component templates.</p>
  </blockquote>
  <p>But i prefer a way to ignore the script tag instead of disabling the warning.</p>