build: update deps a bit

nuxt.config.js

@@ -18,7 +18,7 @@ export default {
       }
     }
   },
-  buildModules: ['nuxt-composition-api'],
+  buildModules: ['@nuxtjs/composition-api/module'],
   css: ['vuetify/dist/vuetify.css', '~/assets/scss/global.scss'],
   env: {
     graphqlApi: process.env.GRAPHQL_API

package.json

@@ -2,17 +2,20 @@
   "name": "dancefinder-app",
   "version": "1.0.0",
   "engines": {
-    "node": ">=12"
+    "node": ">=16"
   },
   "author": "Joakim Olsson <joakim@unbound.se>",
   "private": true,
   "dependencies": {
+    "@apollo/client": "^3.4.17",
     "@auth0/auth0-spa-js": "^1.19.2",
+    "@nuxtjs/composition-api": "^0.30.0",
     "@nuxtjs/moment": "^1.1.0",
     "@nuxtjs/sentry": "^5.1.5",
     "@nuxtjs/vuetify": "^1.12.1",
     "@u3u/vue-hooks": "^2.0.1",
     "@vue/apollo-composable": "^4.0.0-alpha.15",
+    "@vue/apollo-option": "^4.0.0-alpha.15",
     "@vue/composition-api": "^1.4.0",
     "apollo": "^2.33.9",
     "apollo-cache-inmemory": "^1.6.3",
@@ -28,7 +31,6 @@
     "moment": "^2.24.0",
     "node-sass": "^6.0.1",
     "nuxt": "^2.15.8",
-    "nuxt-composition-api": "^0.11.0",
     "nuxt-i18n": "^6.28.1",
     "sass-loader": "^7.0.3",
     "snyk": "^1.764.0",

plugins/apollo.js

@@ -6,9 +6,7 @@ import {
 import { createHttpLink } from 'apollo-link-http'
 import { setContext } from 'apollo-link-context'
 import { provide } from '@vue/composition-api'
-import { onGlobalSetup } from 'nuxt-composition-api'
 import { DefaultApolloClient } from '@vue/apollo-composable'
-import Vue from 'vue'
 import introspectionQueryResultData from '../fragmentTypes.json'
 import { useAuth } from './auth'
 
@@ -54,8 +52,8 @@ const instance = new ApolloClient({
   }
 })
 
-Vue.use(() => {
-  onGlobalSetup(() => {
+export default function ({app}) {
+  app.setup = () => {
     provide(DefaultApolloClient, instance)
-  })
-})
+  }
+}