Upgrade to Vue 3

[tobiasdiez]

Libraries compatible state:

• fortawesome/vue-fontawesome: Has pre-release Vue 3 support FortAwesome/vue-fontawesome#230
• nuxtjs/composition-api: no longer needed
• vue/apollo-composable, vue/apollo-util, vue-apollo: v4 branch has support Support Vue 3.0 composition API vuejs/apollo#1011, needs slightly different packages: https://v4.apollo.vuejs.org/guide-composable/setup.html#_1-install-vue-apollo-composable
• nuxt: Preview coming soon Vue 3 Support nuxt/nuxt#5708 works in principle with vue 3, but there are a couple of issues:
  • https://github.com/nuxt/framework/discussions/560
  • no migration guide nuxt/bridge > nuxt3, https://v3.nuxtjs.org/docs/migration/overview
  • graphql: https://github.com/diizzayy/nuxt-graphql-client
• pinia: compatible
• portal-vue: probably replaced by teleport
• vue-tailwind: work in progress Support for Vue 3? alfonsobries/vue-tailwind#127 and ~~What about the vue 3 version?~~ Vue3 Preview version ready 👇 alfonsobries/vue-tailwind#214 in the form of https://github.com/variantjs/vue
• @he-tree/vue2: has vue 3 support
• Nuxt 3 support nuxt-modules/storybook#330: missing nuxt 3 support
• Nuxt 3 support nuxt-modules/tailwindcss#386: missing nuxt 3 support
• Vue 3 tangbc/vue-virtual-scroll-list#253 using https://github.com/supertiger1234/vue-3-virtual-scroll-list?

Maybe helpful:

• Reference implementation? https://github.com/lewebsimple/nuxt3-graphql

Issues depending on this:

• Add end2end testing #138
• Add client-side validation #139
• Bump ts-loader from 8.3.0 to 9.2.3 #168: upgrade ts-loader to 9.x requires webpack 5
• Upgrade to yarn 3: https://dev.to/arcanis/yarn-3-0-performances-esbuild-better-patches-e07 https://yarnpkg.com/getting-started (there are currently problems with nuxt2 and yarn2)
  • no install depends on plug and play support nuxt/nuxt#11823
• Use script setup syntax: https://v3.vuejs.org/api/sfc-script-setup.html#basic-syntax
• Use volar https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar