nuxt-bridge apollo composable

Environment

Operating System: Darwin Node Version: v16.15.0 Nuxt Version: 2.16.0-27358576.777a4b7f Package Manager: yarn@1.22.19 Builder: webpack User Config: srcDir, ssr, dev, alias, privateRuntimeConfig, plugins, buildModules, modules, apollo, vuetify, build, bridge Runtime Modules: @nuxtjs/apollo@4.0.1-rc.5 Build Modules: @nuxtjs/vuetify@1.12.3, @nuxt/bridge@3.0.0-27495135.4d1a6ba

Reproduction

https://github.com/stephenjason89/nuxt-bridge

Describe the bug

Apollo composable throws

[vue-composition-api] must call Vue.use(VueCompositionAPI) before using any function.

When page is rendered from the server side. Error is not present while navigating to that page on the client side.

Try refreshing the page to see the error while on composition.vue page or by visiting composition.vue directly

Additional context

No response

Logs

No response

[stephenjason89]

@antlionguard vue-template-babel-compiler is what caused the script setup to not work properly. removing it fixed the issue.

[stephenjason89]

@antlionguard I pushed a new commit to the repo that shows the problem.

Adding this didn’t seem to help, I think it is autoImports:true by default right?

bridge: {
   autoImports: true
},

also, out of topic, what can i do with this warning?