# Vuetify3

> Vuetify 3

- Skill: `comeonoliver/vuetify3` (Agent Skill)
- Install (CLI): `npx skillmds@latest add comeonoliver/vuetify3`
- Raw SKILL.md: https://api.skillmd.com/api/skills/comeonoliver/vuetify3/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: ComeOnOliver (https://skillmd.com/u/comeonoliver)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/comeonoliver/vuetify3

---

# Vuetify 3

## Setup
```bash
npm install vuetify @mdi/font
```

## Plugin
```typescript
import { createVuetify } from 'vuetify';
import * as components from 'vuetify/components';
export default createVuetify({ components, theme: {
    themes: { light: { colors: { primary: '#1976D2' } } } } });
```

## Key Components
- v-app, v-app-bar, v-navigation-drawer — Layout
- v-btn, v-text-field, v-select, v-checkbox — Forms
- v-data-table — Sortable, filterable data tables
- v-card, v-list, v-chip — Content display
- v-dialog, v-snackbar — Overlays