Nuxt Composition API 및 Nuxt Apollo 모듈 사용에 대한 팁 및 지침

Question

nuxt 구성 API와 함께 nuxt apollo 모듈을 사용할 수 있는 이유는 무엇입니까? 이 플러그인 예제를 사용하려고 하면:

'@nuxt/types'에서 {Context} 가져오기
수입 {
  제공하다,
  onGlobalSetup,
  정의Nuxt플러그인
} '@nuxtjs/composition-api'에서
'@vue/apollo-composable/dist'에서 {DefaultApolloClient}를 가져옵니다.

/*** 이 플러그인은 @nuxt/apollojs와 @vue/apollo-composable을 연결합니다.*/

기본 definNuxtPlugin(({app}: Context) 내보내기: void => {
  onGlobalSetup(() => {
    제공(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):

으아악