如何为 Nuxt 2 Bridge 组合 API 提供 $apollo？

【问题标题】：How to provide $apollo for Nuxt 2 Bridge composition API?如何为 Nuxt 2 Bridge 组合 API 提供 $apollo？
【发布时间】：2022-10-07 19:55:43
【问题描述】：

open issue 有一些使用 @vue/apollo-composable 的示例，但它们不适用于 Nuxt 2 Bridge。

【问题讨论】：

标签： nuxt.js apollo vue-composition-api nuxtjs3 nuxt-bridge

【解决方案1】：

plugins/provide-apollo-client.ts

import { provideApolloClient } from '@vue/apollo-composable'

export default defineNuxtPlugin((nuxtApp) => {
  provideApolloClient(nuxtApp.apolloProvider?.defaultClient)
})

Component.vue


<script setup lang="ts">

const { $apollo } = useNuxtApp()

</script>

【讨论】：