a11y issue with q-item link and buttons

[vaiil]

What happened?

If I try to make menu list with side items that do some other staff like this:

<q-item
    clickable
    :to="route"
  >
    <q-item-section>{{ name }}</q-item-section>
    <q-item-section side><q-btn>...</q-btn></q-item-section>
  </q-item>

I got <button> in <a>, that's invalid html:
https://caninclude.glitch.me/caninclude?child=button&parent=a

What did you expect to happen?

I want some workaround to make appears on an inner wrapper, that doesn't include side section.

Reproduction URL

https://codepen.io/xegwxjoi-the-lessful/pen/vEYRxOP

How to reproduce?

Go to page.
HTML structure should be:

<a class="q-item q-item-type row no-wrap q-item--clickable q-link cursor-pointer q-focusable q-hoverable" role="listitem" tabindex="0" href="https://google.com">
  <div class="q-focus-helper" tabindex="-1"></div>
  <div class="q-item__section column q-item__section--main justify-center">google</div>
  <div class="q-item__section column q-item__section--side justify-center">
    <button class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle q-btn--actionable q-focusable q-hoverable" tabindex="0" type="button"><span class="q-focus-helper"></span><span class="q-btn__content text-center col items-center q-anchor--skip justify-center row"> delete </span></button>
  </div>
</a>

So tag inside

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

Relevant log output

Additional context

No response