From e06beb6995312d77df86aa5b5b9972d1bd4abdd2 Mon Sep 17 00:00:00 2001 From: Markus Ebner Date: Sun, 4 Jul 2021 22:26:03 +0200 Subject: [PATCH] docs: How to setup with Vue 3 Composition API (#1187) new Vue(...) is changed to createApp(...) --- packages/docs/src/guide-composable/setup.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/docs/src/guide-composable/setup.md b/packages/docs/src/guide-composable/setup.md index 30e9d4c..44747b6 100644 --- a/packages/docs/src/guide-composable/setup.md +++ b/packages/docs/src/guide-composable/setup.md @@ -16,6 +16,7 @@ yarn add @vue/apollo-composable ## 2. Connect Apollo Client to Vue +### Vue 2 + composition API instructions In your root instance, you need to provide a default Apollo Client instance: ```js @@ -31,6 +32,20 @@ const app = new Vue({ }) ``` +### Vue 3 instructions +```js +import { createApp, provide, h } from "vue"; +import { DefaultApolloClient } from '@vue/apollo-composable' + +const app = createApp({ + setup () { + provide(DefaultApolloClient, apolloClient) + }, + + render: h => h(App), +}) +``` + ### Multiple clients You can also provide multiple Apollo Client instances to be used in your application. In this case, it's recommended to provide a `default` one: