🎤 DevFest – Web Components con Vue 3

Base Repo para la Demo en Vivo

🔗 Links útiles

• Iconify (componentes Vue)
  https://iconify.design/docs/icon-components/vue/

• Vite – Modo librería
  https://vite.dev/guide/build#library-mode

• UNPKG – CDN para librerías JS
  https://unpkg.com/#overview

📝 TODO de la Demo

1. 🔄 Transformar componentes en Custom Elements

2. ⚙️ Configurar Vite en modo librería

• Ajustar vite.config.ts

3. 📦 Ajustar el package.json para despliegue

• Definir main, module, types
• Asegurar files → apuntar a /dist
• Preparar comando npm publish (o uso con CDN)

4. 🌐 Montar el Web Component en HTML Vanilla

• Importar el bundle generado (.js)

🚀 Objetivo del Repo

Este repositorio sirve como base para la demo del DevFest, enfocada en:

• Crear un Web Component con Vue 3
• Inyectar estilos dentro del Shadow DOM
• Exportar como librería
• Consumirlo desde HTML puro