Build Nuxt 4 client cabinet with Apollo and GraphQL flows

app/plugins/apollo.ts

@@ -0,0 +1,23 @@
+import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client/core';
+import { provideApolloClient } from '@vue/apollo-composable';
+
+export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig();
+
+  const client = new ApolloClient({
+    link: new HttpLink({
+      uri: config.public.graphqlEndpoint,
+      fetch,
+    }),
+    cache: new InMemoryCache(),
+    connectToDevTools: import.meta.dev,
+  });
+
+  provideApolloClient(client);
+
+  return {
+    provide: {
+      apollo: client,
+    },
+  };
+});