How to create own BBCode and pass unique attributes on Vue Component

[narendra087]

Hi,
can you help me how to create own BBCode and pass unique attributes on vue component.
Example BBCode:
[QUOTE=Narendra;25/06/2021;id001]Quote Content[/QUOTE]
to this template component:

<div class="q-wrap">
    <div class="q-chat">
        <p class="q-header">25/06/2021, Narendra said:</p>
        <hr>
        <slot></slot>
    </div>
</div>

Thank you.

[JiLiZART]

All params from bbcodes passed as DOM attrs (soon I update this behavior to pass as props too)

I created sandbox with example https://codesandbox.io/s/cocky-banzai-q8zs7?file=/src/App.vue