[BUG] RplDescriptionList in a p tag duplicates the next sibling element

[bgilhome-now]

Environment

• Operating System: Darwin
• Node Version: v20.19.0
• Nuxt Version: 3.15.2
• CLI Version: 3.20.0
• Nitro Version: 2.10.4
• Package Manager: npm@10.8.2
• Builder: -
• User Config: features, extends, compatibilityDate
• Runtime Modules: -
• Build Modules: -

Reproduction

Create a test page at e.g. /pages/test.vue, with the following code:
`

DL at top-level

Lorem ipsum

<h2>DL inside paragraph</h2>
<p>
    <RplDescriptionList :items="[ { term: 'Term 1', description: 'Description 1' }, { term: 'Term 2', description: 'Description 2' } ]" />
</p>
<p>Lorem ipsum</p>

`

Run npm run dev and view the test page - the content appears correctly.

Run npm run build && npm run preview and view the test page - under the second RplDescriptionList (inside the p tag), the Lorem ipsum paragraph is duplicated.

Describe the bug

RplDescriptionList inside a p tag duplicates the next element sibling (to the p).

However it isn't valid HTML, so a minor issue - maybe some documentation is all that's needed.

Additional context

No response

Logs

Final checks

• Read the contribution guide.
• Check existing discussions and issues.

[jeffdowdle]

Hi @bgilhome-now, thanks for raising but i'm not sure what you mean by duplicating. This is the markup that renders for me which seems ok, I'm probably missing something though:

[bgilhome-now]

Thanks @jeffdowdle - was that after a build & preview? Or running dev? dev is fine, it's the build that presents the issue.

[bgilhome-now]

PS to be clear, I don't need this fixed - I moved the DL outside of P since it shouldn't be inside anyway - just thought it was worth mentioning.