What problem does it solve? Manually registering routes and catalog entries for every new Vue component is repetitive and error-prone. This Skill defines the conventions for a fully automated component discovery system in Vue 3 + Vite projects, so components are registered, routed, and displayed simply by creating files in the right structure. ## Core Features & Use Cases - Automatic Component Registration: Uses Vite's import.meta.glob to scan src/components for component.js files and register them without manual route configuration. - Standardized Configuration Schema: Enforces required fields (name, title, description, version, group, category, tags, component) with automatic validation. - Automatic Routing and Display: Registers routes at /components/{name} or a custom path, and lists components on the homepage with search and filtering. - Use Case: When adding a new data table component to a Vue 3 dashboard, create src/components/MyTable/component.js and index.vue following this spec, then run npm run dev—the component appears on the homepage with its own route automatically. ## Quick Start Ask the AI to create a new Vue component named MyTable in src/components following the component-discovery conventions with a component.js config and index.vue implementation.
