From 8a5596e860295468d3dda288e6a5150f7e540bb7 Mon Sep 17 00:00:00 2001 From: Luiz Silva Date: Sun, 15 Feb 2026 11:08:22 -0300 Subject: [PATCH] melhorias de css --- IA.md | 24 ++++++++---------------- README.md | 2 -- dist/eli-vue.css | 1 - dist/eli-vue.es.js | 1 + dist/eli-vue.umd.js | 1 + package.json | 6 +++--- pnpm-lock.yaml | 12 ++++++++++++ vite.config.ts | 2 ++ 8 files changed, 27 insertions(+), 22 deletions(-) delete mode 100644 dist/eli-vue.css 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 `