Specific Vue components give a compilation error on page-load.

[Streammz]

The QuoteBlock Vue component gives the following compilation error when loading the editor in the manager:

[Vue warn]: Error compiling template:

tag <p> has no matching end tag.

1  |  <div class='block-body' :class='{ empty: isEmpty }'>  <i class='fas fa-quote-right quote'></i>  <p class='lead' contenteditable='true' spellcheck='false' v-html='model.body.value' v-on:blur='onBlur'></pre></div>
   |                                                                                                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

found in

---> <QuoteBlock>
       <Root>

which can be fixed by changing the closing </pre> tag to a </p>, or the opening <p> to a <pre>, unsure which is required.

---

The HtmlColumnBlock Vue component gives the following compilation error when loading the editor in the manager:

[Vue warn]: Error compiling template:

duplicate attribute: class

1  |  <div class='block-body' class='row'>  <div class='col-md-6'>    <div :class='{ empty: isEmpty1 }'>      <div :id='uid + 1' contenteditable='true' spellcheck='false' v-html='column1' v-on:blur='onBlurCol1'></div>    </div>  </div>  <div class='col-md-6'>    <div :class='{ empty: isEmpty2 }'>      <div :id='uid + 2' contenteditable='true' spellcheck='false' v-html='column2' v-on:blur='onBlurCol2'></div>    </div>  </div></div>
   |                          ^^^^^^^^^^^

found in

---> <HtmlColumnBlock>
       <Root>

which can be fixed by removing the class='row' and appending row to the former class='block-body' component

[Streammz]

Additionally, I found this case as well after playing around with a bit:

The PageItem Vue component gives the following compilation error when loading the editor in the manager the media picker within the editor:

[Vue warn]: Error compiling template:

duplicate attribute: class

1  |  <li :data-id='item.id' class='dd-item' :class='{ expanded: item.isExpanded || item.items.length === 0 }'>  <div class='sitemap-item expanded'>    <div class='link'>      <span class='actions'>        <a v-if='item.items.length > 0 && item.isExpanded' v-on:click.prevent='toggleItem(item)' class='expand' href='#'><i class='fas fa-minus'></i></a>        <a v-if='item.items.length > 0 && !item.isExpanded' v-on:click.prevent='toggleItem(item)' class='expand' href='#'><i class='fas fa-plus'></i></a>      </span>      <a href='#' v-on:click.prevent='piranha.pagepicker.select(item)'>        {{ item.title }}      </a>    </div>    <div class='type d-none d-md-block'>      {{ item.typeName }}    </div>  </div>  <ol class='dd-list' v-if='item.items.length > 0' class='dd-list'>    <page-item v-for='child in item.items' v-bind:key='child.id' v-bind:item='child'>    </page-item>  </ol></li>
   |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          ^^^^^^^^^^^^^^^

found in

---> <PageItem>
       <Root>

which can be fixed by removing the duplicate class='dd-list' entry.