Vue
Vue 3 with native custom elements. No adapter required.
Install
Styles and fonts
Load once at the application root. White is the default; set data-theme="dark" for dark mode. Typography comes from the shared tokens.
Contract
- Configure @vitejs/plugin-vue with template.compilerOptions.isCustomElement: (tag) => tag.startsWith("cad-").
- Use :value.prop and :checked.prop for DOM properties, @input / @change for native events, and slot attributes for content.
- The Vite example is tested for properties, events, and action slots. Nuxt SSR is not tested; there is no dedicated Vue adapter.
Example
Scope
Import components individually. Charts and motion remain optional. See validation and limitations for the tested combinations.