Parsing error: x-invalid-end-tag

[DevKame]

My template looks like this:

<p v-if="workTopButton === 'port'">
    <div
        :class="{hide_char: char === '_'}"
        class="work-headline-span-wrapper d-inline-block"
        v-for="(char, index) in currText"
        :key="`char-${index}`">
        <span>
            {{ char }}
        </span>
    </div>
</p>

And i get this error:

And the afftecte line 195 is the closing <p> tag

Where is the problem?

[edison1105]

It works fine in playground