Matt Duvall mgd216

## vue_nuxt_vuetify_migration.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              6 stars
            
          
                mgd216
                / vue_nuxt_vuetify_migration.md
            
            
              Last active
              April 19, 2024 22:52
            
              
                Vue2 / Vuetify2 Migration to Vue3 / Nuxt3 / Vuetify3
              
          
    Vue3 / Nuxt3 / Vuetify3 Migration Steps


The following notes are a 'checklist' for migrating a large Vue2 / Vuetify2 project to Vue3 / Nuxt3 / Vuetify3.  It is NOT intended to be a step-by-step migration guide, they are rough notes our team used for migration
Our team decided to create a brand new Nuxt3 app, instead of tyring a 'bridge' or running Vue2/Vue3 side-by-side:

nuxi init our-new-app-v3


We also changed our store from Vuex to Pinia
We decided to use the experimental @vue/reactivity-transform.  This provides the ability to use a ref in the script block without having to use .value everywhere

without reactivity-transform

let userName = ref<string>('')
userName.value = "John Doe"


with reactivity-transform