Upgrade to Vue 3

Prerequisites

• Nuxt 3 (Roadmap)
• Vuetify 3.0 (Roadmap)
• Vuetify missing components (v-date-picker and v-vertical-stepper; still in labs)
• nuxt/i18n

⚠️ Vue 2 has reached its end of life.

Migration steps

Links:

• https://v3-migration.vuejs.org/
• https://nuxt.com/docs/migration/overview
• https://vuetifyjs.com/en/getting-started/upgrade-guide/

vue-toasted

Problem: does not support Vue3.

Alternative: https://www.npmjs.com/package/vue3-toastify

⚠️ The usage of such an library should be adapted in the Notifier plugin.

vue-warehouse

Problem: seems to be dead.

Alternative: pinia and pinia-plugin-persistedstate

Vue2 Events API

Problem: was deprecated and removed in Vue3.

Alternatives listed here

Mixins

validatableMixin: Should be replaced by the useValidation composable from Vuetify.

localizationMixin: Should be replaced by custom useCurrentLocale composable.

theme: Should be replaced by the useTheme composable by Vuetify.

Composables

Vue3 allows the use of composables to improve usability of code.

There is a library called VueUse which is a collection of useful composables.

The following composables could be used:

• useClipboard instead of custom utility
• useFileSystemAccess instead of local storage

Custom Components

• Vertical Stepper, until Vuetify provides one in v3.7