title: Is there a way to validate HTML syntax in Vue?
body: <p>I have an component which basically takes everything from input and renders the html:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;input type="text" v-model="html"&gt;
          &lt;VRuntimeTemplate :template="html" /&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import VRuntimeTemplate from 'v-runtime-template'
  
  export default {
      data: () =&gt; ({
          html: ''
      }),
      components: {
          VRuntimeTemplate
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Now when I start to type then it will obviously throw me the error saying the input value doesn't have closing or ending tag.</p>
  
  <p><a href="https://i.stack.imgur.com/mDbOX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mDbOX.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to validate HTML beforehand? It works fine with <code>v-html</code> but there's a problem with third party modules.</p>
  
  <p>Sandbox: <a href="https://codesandbox.io/s/vruntimetemplate-27bdz?fontsize=14" rel="nofollow noreferrer">https://codesandbox.io/s/vruntimetemplate-27bdz?fontsize=14</a></p>