Skills
.Work. You
Rest

vuetify2-to-vuetify3

Community

Migrate Vuetify 2 to Vuetify 3

Software Engineering#frontend#migration#component library#vuejs#vuetify#ui upgrade
AuthorJuanJoseGonGi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines the complex process of migrating a Vuetify 2 application to Vuetify 3, ensuring compatibility with Vue 3 and addressing breaking changes in components and APIs.

Core Features & Use Cases

  • Component API Updates: Handles renames for props, events, and slots (e.g., value/input to modelValue/update:modelValue).
  • Bootstrap and Plugin Migration: Guides the transition from new Vuetify() to createVuetify() and app.use().
  • Style and Theming: Addresses changes in utility class naming and custom theme variable handling.
  • Use Case: You have a large Vue 2 application that has been upgraded to Vue 3, and now you need to update its Vuetify 2 components to Vuetify 3 to leverage new features and maintainability.

Quick Start

Use the vuetify2-to-vuetify3 skill to migrate the Vuetify components in the project.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vuetify2-to-vuetify3
Download link: https://github.com/JuanJoseGonGi/skills/archive/main.zip#vuetify2-to-vuetify3

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.