feat!: Update to Apollo 4.0

Author: AaronDewes

package.json

@@ -39,7 +39,7 @@
     "release": "standard-version --prerelease alpha && git push --follow-tags && pnpm publish --tag next"
   },
   "dependencies": {
-    "@apollo/client": "^3.14.0",
+    "@apollo/client": "^4.0.0",
     "@nuxt/kit": "^4.2.2",
     "@rollup/plugin-graphql": "^2.0.5",
     "@vue/apollo-composable": "^4.2.2",
@@ -51,7 +51,8 @@
     "graphql-tag": "^2.12.6",
     "graphql-ws": "^6.0.6",
     "jiti": "^2.6.1",
-    "ohash": "^2.0.11"
+    "ohash": "^2.0.11",
+    "rxjs": "^7.8.2"
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.0",

pnpm-lock.yaml

@@ -189,7 +189,7 @@ export function useApollo(): {
   /**
    * Access the configured apollo clients.
    */
-  clients: Record<ApolloClientKeys, ApolloClient<unknown>> | undefined
+  clients: Record<ApolloClientKeys, ApolloClient> | undefined
   /**
    * Retrieve the auth token for the specified client. Adheres to the `apollo:auth` hook.
    *
@@ -217,7 +217,7 @@ export function useApollo(): {
 
 export function useApollo() {
   const nuxtApp = useNuxtApp() as NuxtApp & {
-    _apolloClients?: Record<ApolloClientKeys, ApolloClient<unknown>>
+    _apolloClients?: Record<ApolloClientKeys, ApolloClient>
     _apolloWsClients?: Record<ApolloClientKeys, RestartableClient>
   }
 

src/runtime/composables.ts

@@ -19,7 +19,7 @@ import type { ApolloClientKeys } from '#apollo'
 export default defineNuxtPlugin((nuxtApp) => {
   const requestCookies = (import.meta.server && useRequestHeaders(['cookie'])) || undefined
 
-  const clients = {} as Record<ApolloClientKeys, ApolloClient<unknown>>
+  const clients = {} as Record<ApolloClientKeys, ApolloClient>
 
   for (const [key, clientConfig] of Object.entries(NuxtApollo.clients) as [ApolloClientKeys, ClientConfig][]) {
     const getAuth = async () => {
@@ -179,8 +179,8 @@ export interface ModuleRuntimeHooks {
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 interface DollarApolloHelpers extends ReturnType<typeof useApollo> {}
 interface DollarApollo {
-  clients: Record<ApolloClientKeys, ApolloClient<unknown>>
-  defaultClient: ApolloClient<unknown>
+  clients: Record<ApolloClientKeys, ApolloClient>
+  defaultClient: ApolloClient
 }
 
 declare module '#app' {