Nuxt Comboposition API と Nuxt Apollo モジュールを使用するためのヒントとガイドライン

Question

nuxt apollo モジュールを nuxt 合成 API で使用できるのはなぜですか?このプラグインの例を使用しようとすると:

「@nuxt/types」から {Context} をインポートします
輸入 {
  提供する、
  グローバルセットアップ上、
  defineNuxtPlugin
「@nuxtjs/composition-api」から
'@vue/apollo-composable/dist' から {DefaultApolloClient} をインポートします

/*** このプラグインは @nuxt/apollojs と @vue/apollo-composable を接続します*/

エクスポートデフォルトdefineNuxtPlugin(({app}:コンテキスト): void => {
  onGlobalSetup(() => {
    Provide(DefaultApolloClient, app.apolloProvider?.defaultClient)
  })
})

次のエラーが発生しました: エラー: ID デフォルトの Apollo クライアントが見つかりません。コンポーネントのセットアップ外にいる場合は、provideApolloClient() を使用してください

Answer 1

1. vue/apollo-composable をインストールします。 npm install --save @vue/apollo-composable

2. nuxt プラグインの作成 (provide-apollo-client.ts):

リーリー