Estou trabalhando em um projeto Vue.js na versão 3 e me deparei com um aviso de depreciação no console referente ao uso da propriedade "tag" no componente router-link.
O aviso é o seguinte:
51:13 error 'tag' property on 'router-link' component is deprecated. Use scoped slots instead vue/no-deprecated-router-link-tag-prop
Aqui está o trecho de código onde uso o router-link:
<router-link
v-for="subItem in item.subItems"
:key="subItem.label"
:to="subItem.route"
tag="li"
class="p-2 hover:bg-gray-700 text-slate-300"
>
<a class="submenu-link">{{ subItem.label }}</a>
</router-link>
Eu gostaria de entender melhor como posso substituir o uso da propriedade 'tag' por slots com escopo, conforme sugerido pelo aviso de depreciação.