Estoy tratando de cargar componentes de vuetify dinámicamente en un proyecto vue 3 usando el siguiente código:
<template> <v-chip>try</v-chip> <component :is="object.tag">{{ object.content }}</component> </template> <script> export default { name: 'component1', data: () => ({ object: { tag: 'v-chip', content: 'hey' }, }), } </script> Al probar esto, no obtengo errores, el uso del componente v-chip normalmente funciona bien, pero el segundo componente no funciona bien y no se inicializa como un componente vuetify, en cambio, obtengo lo siguiente:
He intentado usar VChip o vChip pero tampoco funcionan y no hay ningún error. También intenté usar un componente none vuetify, uno que he creado y se carga correctamente.
object.tag debe ser el componente importado, no una cadena.
// import only needed if ala-carte import VChip from 'somewhere' { object: { tag: VChip } }