unplugin/unplugin-vue-components
Unplugin Vue Components
unplugin-vue-components es una herramienta de construcción que importa y registra automáticamente los componentes de Vue utilizados en plantillas, eliminando la necesidad de declaraciones de importación manuales. Funciona como un plugin para varios empaquetadores (bundlers), incluyendo Vite y Webpack, para resolver e inyectar dependencias de componentes durante el proceso de compilación.
El proyecto cuenta con un sistema de mapeo que identifica e importa componentes de bibliotecas de interfaz de usuario de Vue de terceros populares. Esta lógica de resolución se puede extender mediante extensiones de resolución personalizadas para modificar cómo se descubren e importan bibliotecas de interfaz de usuario específicas.
Para mantener la seguridad de tipos, la herramienta incluye un generador de tipos de TypeScript que crea archivos de declaración globales. Estos archivos proporcionan autocompletado y verificación de tipos para componentes que se cargan sin importaciones explícitas.
Features
- Automatic Component Imports - Automatically resolves and imports Vue components used in templates to eliminate manual import boilerplate.
- AST-Based Source Injections - Implements build-time AST modification to automate the injection of component registration and import statements.
- Component-to-File Mappings - Provides a mapping system that resolves component names to their actual source file paths within libraries.
- Template Scan Importers - Analyzes Vue templates to automatically identify used components and insert necessary import statements.
- UI Library Resolvers - Resolves component imports from external libraries using custom mapping to simplify asset loading.
- TypeScript Type Generators - Creates TypeScript declaration files to provide autocompletion for components loaded without explicit imports.
- Custom Resolver Extensions - Allows integrating external resolver packages to customize how specific UI libraries are discovered and imported.
- TypeScript Declaration Generators - Automatically generates global TypeScript declaration files to provide autocompletion and type checking for auto-imported components.
- Vue Build Pipeline Optimizations - Optimizes the Vue build pipeline by shifting component resolution and registration from manual templates to the build process.
- Component Type Definitions - Generates type definitions for auto-imported components to enable safe property and event usage in the editor.
- Third-Party Library Integrations - Provides built-in resolvers to automatically identify and import components from popular third-party Vue interface libraries.
- Global Component Registration - Adds TypeScript definitions for components registered globally by external libraries to avoid redundant imports.
- Vite Integrations - Functions as a plugin for Vite and Webpack to resolve and inject component dependencies during compilation.
- Hook-Based Plugin Systems - Implements a hook-based system that allows the same logic to operate across different bundlers like Vite and Webpack.
- Automated UI Library Integration - Integrates third-party component libraries into Vue projects by automatically resolving assets based on template usage.
- Global Component Type Definitions - Injects global component definitions into the TypeScript environment to prevent type errors for auto-registered components.
- Vue.js Component Development - Automates the import and registration of Vue components to streamline the development of single-file components.
- Vue TypeScript Integrations - Integrates TypeScript with Vue by generating type definitions for components that are auto-imported.
- Developer Utilities - On-demand component auto-importing.
