add support for app.vue or global setup in nuxt bridge

[stephenjason89]

Environment

Nuxt CLI v3.0.0-27234347.3759926

• Operating System: Darwin
• Node Version: v16.8.0
• Nuxt Version: 2.16.0-27226092.034b9901
• Package Manager: Yarn
• Bundler: Webpack
• User Config: srcDir, ssr, dev, image, generate, head, publicRuntimeConfig, privateRuntimeConfig, css, loading, loadingIndicator, plugins, components, buildModules, buildOptimisations, modules, apollo, proxy, axios, vuetify, build
• Runtime Modules: @nuxt/[email protected], @nuxtjs/[email protected], @nuxtjs/[email protected], @nuxtjs/[email protected], [email protected]
• Build Modules: [email protected], @nuxt/[email protected], @nuxtjs/composition-api/[email protected], @nuxtjs/[email protected], [email protected], @nuxtjs/[email protected], [email protected]

---

Describe the bug

I need to use onGlobalSetup to use vue apollo graphql composables
like this

import { provide, onGlobalSetup, defineNuxtPlugin } from '@nuxtjs/composition-api'
import { DefaultApolloClient } from '@vue/apollo-composable'

export default defineNuxtPlugin(({ app }) => {
    onGlobalSetup(() => {
        provide(DefaultApolloClient, app.apolloProvider?.defaultClient)
    })
})

But it seems like onGlobalSetup is missing.

Thank you

Reproduction

import { provide, onGlobalSetup, defineNuxtPlugin } from '@nuxtjs/composition-api'

what is the counterpart of this on nuxt bridge?

Thanks

Additional context

No response

Logs

No response

[tobiasdiez]

According to
https://github.com/nuxt/framework/blob/2a0afbd09296cd65d30c5ef5a5324d64149bc3fe/packages/bridge/src/runtime/capi.legacy.mjs#L130-L134
onGlobalSetup is deprecated now. I'm not sure if I understand the deprecation message correctly, but it seems the following code should do the trick:

export default defineNuxtPlugin(({ app }) => {
    app.provide(DefaultApolloClient, app.apolloProvider?.defaultClient)
})

But that doesn't seem to work as nuxt.provide has a string as the first argument. I had success with

import { provideApolloClient } from '@vue/apollo-composable'
export default defineNuxtPlugin((app) => {
  provideApolloClient(app.apolloProvider?.defaultClient)
})

[stephenjason89]

@tobiasdiez Thank you for the quick response.
I am having a webpack error related to this plugin and cannot fully test if it is working on my end yet.

here is the screenshot of the error i am having.

Please let me know if you already encountered this issue.

I will be searching for a solution as well :D

Here is the apollo-composable.ts file

However, I can confirm that the solution you provide isn't working without the bridge.
I am getting this error without the bridge using your setup for the plugin