How to provide $apollo for Nuxt 2 Bridge composition API?

Question

There's an open issue with some examples of using @vue/apollo-composable but they don't work with Nuxt 2 Bridge.

Answer 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>