Framework7 v6+ Vue: How to use apollo-gql

I am trying to use Apollo GraphQL client in my framework7 app. The tutorial mentions injecting the apollo provider, however I’m not sure where to put it as my app.js file looks like this:

import VueApollo from ‘@vue/apollo-option’
import { ApolloClient } from ‘apollo-client’
import { createHttpLink } from ‘apollo-link-http’
import { InMemoryCache } from ‘apollo-cache-inmemory’

const httpLink = createHttpLink({
uri: ‘’,

const cache = new InMemoryCache()
const apolloClient = new ApolloClient({
link: httpLink,
fetchOptions: {
mode: ‘no-cors’,
defaultOptions: {
query: {
fetchPolicy: “no-cache”

const apolloProvider = new VueApollo({
defaultClient: apolloClient,


const app = createApp(App);



Didn’t use it. But the tutorial you are referring seems for Vue 2 to me. Maybe this one explains better