![visual studio install vue-router visual studio install vue-router](https://1.bp.blogspot.com/-hDHJlGc5fiI/YLzISugvvEI/AAAAAAAAAdk/5D_1x3Bx8AYa38RnXd2gsShJL_4vtfzDwCLcBGAsYHQ/s600/RogueFlashVue.png)
Often the tooling supports older versions for a while, but as the ecosystem evolves, the latest versions get the love and as with most software, the older versions start to lag.Īlso, keeping up with the latest version offers a lot value in the core framework improvements.
![visual studio install vue-router visual studio install vue-router](https://alexandredotnet.gallerycdn.vsassets.io/extensions/alexandredotnet/vuejsdotnetfive/1.1/1606748157090/image__5.png)
I find it important stay current with major version changes of web frameworks sooner rather than later. The migration to Vue 3 is to keep up to date with Vue. Thus, I'll explain a bit of my reasons why I chose to migrate for each of these three target areas. I find it valuable to understand why I should consider doing something before I invest time into doing it. If you don't care why I went down this road, you can scroll past this "Why" section. If you want to host your Vue app in the cloud, I recommend trying Azure Static Web Apps. Hopefully by sharing the steps I went through they will be helpful to some of y'all. After digging through the docs and the Vue CLI API (to check out the add/migration commands) this is where I landed. The steps I followed may not be the most optimal path. Some of the migration guides tell you the differences, but don't do it from an existing app. Sample GitHub Repo and its Pull RequestĪll of these have docs.Some of these docs have sections in migrating, adding (like vue add typescript), or upgrading.
![visual studio install vue-router visual studio install vue-router](https://miro.medium.com/max/1838/1*yjWtrn1jePLpjfN4cJnqZw.png)
My 3 main target areas for this migration were:Īlmost every resource I used was from the official docs for Vue, the Vue CLI, the Vue Router, and Vuex. I recently converted a second app from Vue 2 to Vue 3, added TypeScript, and swapped from options api to composition api.