Skip to content

Instantly share code, notes, and snippets.

@blip2
Last active February 1, 2026 19:49
Show Gist options
  • Select an option

  • Save blip2/85295e2494198d8ad6f6bd4322480a6d to your computer and use it in GitHub Desktop.

Select an option

Save blip2/85295e2494198d8ad6f6bd4322480a6d to your computer and use it in GitHub Desktop.
vuetify upgrade prompt

hi claude, go into planning mode and create a comprehensive migration plan for this repository. when we are done tweaking it, save the plan in migration-plan.md

the migration plan should start with migrating vue 2 to vue 3 without using the migration build (this app uses vuetify which is not compatible with the migration build) the key migration changes are listed here: https://v3-migration.vuejs.org/breaking-changes/

start by analysing the code base and reviewing the packages that need to be updated. once the packages have been updated, update plugins and plugin code to be compatible with vue 3

ensure both the development server is running and the app is building without errors, then move onto the vuetify migration - refer to the general guidance here: https://vuetifyjs.com/getting-started/upgrade-guide/

after vuetify 3 has been installed:

use eslint-plugin-vuetify to find additional vuetify migration tasks check vuetify is setup correctly in Vite and the plugin is initialised correctly check v-app wrapper is updated correctly when searching for instances of vuetify props to migrate ensure you take into account that the order of props can be different and props can be on their own line for any instances of vuetify data tables which should be migrated to v-data-table-server also check that null/zero values in the items-length prop are handled correctly replace all uses of v-app-bar within a v-card with v-toolbar for all v-data-tables make sure sort and options are converted to the new format and headers use the title key for all stages of the migration plan make sure:

testing and npm commands at all stages should be completed using docker compose for each phase of the migration consideration should be given to the most efficient way to implement the changes e.g. batch regex. where changes should be made individually because they are more complex, complete all changes in files at once rather than iterating through each file for each type of change record progress in the migration plan at every phase of the process all changes should be made on the vue3 git branch make sure to update all the npm packages to the latest versions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment