app.use(PrimeVue), así que las extensiones pierden tres cosas en las que podrían haberse apoyado:
- la propiedad global
$primevueen la aplicación Vue host; - la hoja de estilos del tema de PrimeVue, por lo que los componentes de PrimeVue que una extensión renderiza dentro de la aplicación host se muestran sin estilos; y
- todas las variables CSS globales
--p-*, como--p-primary-color,--p-surface-*,--p-text-color,--p-content-backgroundy--p-form-field-border-color.
Extensiones que renderizan componentes de PrimeVue
No dependas de la instancia de PrimeVue de la aplicación anfitriona. Reemplaza los componentes de PrimeVue con tu propio marcado, o crea tu propia aplicación Vue para tu UI e instala PrimeVue y su tema en esa aplicación.Extensiones que leen variables --p-*
Reemplázalas con las variables de tema del sistema de diseño, que siguen el tema
claro u oscuro activo y la paleta de colores activa:
Información sobre herramientas
La directiva globalv-tooltip ya no existe, y la información sobre herramientas ya no renderiza el DOM de PrimeVue:
.p-tooltipy.p-tooltip-text- el atributo
data-pd-tooltip - las propiedades de elemento
$_ptooltip*
data-slot="tooltip-content", colocado en un portal al final de document.body. Solo existe mientras la información sobre herramientas está abierta. Las extensiones que oculten la información sobre herramientas durante su propia UI deben apuntar a [data-slot="tooltip-content"] en lugar de .p-tooltip.
Las variables CSS --node-component-tooltip* también se eliminaron de la hoja de estilos del sistema de diseño. En su lugar, usa las variables del tema: --background, --foreground y --border. Los nombres anteriores --base-background, --base-foreground y --border-default están obsoletos; consulta Nombres de variables obsoletos.
Nombres de variables obsoletos
Versiones anteriores de estas notas apuntaban a nombres antiguos del sistema de diseño. Todavía se resuelven, pero están obsoletos y se eliminarán en una versión futura. Cambia ahora a la variable de tema:
PrimeIcons todavía se carga, así que las clases de icono
pi pi-* existentes siguen funcionando, pero se están retirando gradualmente. No agregues nuevos usos.