Vue 3 Ecosystem Compatibility: Pinia, Vue Router, Vuetify and More

Vue 3 Ecosystem Packages

Vue 3 has a mature ecosystem, but migrating from Vue 2 means updating many packages. Here's which versions you need.

Core Packages

• vue-router 4.x — Required for Vue 3. Vue Router 3.x is for Vue 2 only.
• pinia 2.x — Official state management for Vue 3. Replaces Vuex.
• vuex 4.x — Works with Vue 3 but Pinia is recommended for new projects.

UI Frameworks

• vuetify 3.x — Designed for Vue 3. Vuetify 2.x is Vue 2 only.
• quasar 2.x — Vue 3 compatible.
• primevue 3.x+ — Vue 3 compatible.
• element-plus — Vue 3 version of Element UI.

Utilities

• @vueuse/core 10.x+ — Essential composition utilities for Vue 3.
• vite 5.x — Recommended build tool for Vue 3 projects.
• vitest 1.x — Vite-native testing framework. Works with Vue 3.
• @vue/test-utils 2.x — Official testing utilities for Vue 3.

Meta-Frameworks

• nuxt 3.x — Built for Vue 3. Nuxt 2 is for Vue 2.

Not Compatible with Vue 3

• vue-router 3.x — Vue 2 only
• vuex 3.x — Vue 2 only
• vuetify 2.x — Vue 2 only
• element-ui — Vue 2 only (use element-plus for Vue 3)

Check Your Vue 3 Project

Upload your package.json to check all your Vue 3 dependencies at once, or use the Compatibility Checker for individual packages.