diff --git a/IA.md b/IA.md index ee12f9f..9b46e79 100644 --- a/IA.md +++ b/IA.md @@ -51,7 +51,8 @@ import { createVuetify } from "vuetify"; // eli-vue import EliVue from "eli-vue"; -import "eli-vue/dist/eli-vue.css"; +// eli-vue +import EliVue from "eli-vue"; const vuetify = createVuetify({}); @@ -61,8 +62,8 @@ createApp(App) .mount("#app"); ``` -> **IMPORTANTE**: O import do CSS (`import "eli-vue/dist/eli-vue.css";`) é **obrigatório**. -> O pacote utiliza **namespacing estático (BEM)** e não estilos scoped, portanto o arquivo CSS contém toda a estilização necessária. +> **Nota**: O CSS é **injetado automaticamente** no bundle JavaScript. Não é necessário importar arquivos `.css` manualmente. + ### 2) Importação direta (quando não quiser plugin) @@ -78,9 +79,6 @@ import { EliEntradaParagrafo, EliEntradaSelecao, } from "eli-vue"; - -// OBRIGATÓRIO: Importar o CSS global -import "eli-vue/dist/eli-vue.css"; ``` --- @@ -534,17 +532,12 @@ Provável causa: componente não foi registrado. ### 2) Estilos não aplicam ou componentes "quebrados" -**Causa provável**: O CSS do pacote não foi importado. +**Causa provável**: O CSS não foi injetado corretamente pelo JavaScript. -O `eli-vue` removeu o uso de `