title: Vue - how to add &#10; to component's prop
body: <p>I wanted to add a line break to a component's props using the 
   but when I do so I get an error.</p>
  <p>does anyone have a solution?</p>
  <p>code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;section class=&quot;w-screen h-screen bg-slate-700 grid place-items-center&quot;&gt;
      &lt;div class=&quot;mb-12&quot;&gt;
        &lt;div class=&quot;text-8xl&quot;&gt;Title&lt;/div&gt;
        &lt;div class=&quot;m-8 text-center text-3xl&quot;&gt;
          &lt;Writer
            :array=&quot;[
              'Code 1',
              'line 1&amp;#10; line 2',
            ]&quot;
            :typeSpeed=&quot;100&quot;
            :iterations=&quot;1&quot;
          /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/template&gt;
  </code></pre>