Awesome

apollo-vue-devtool: Integrate Apollo with Vue Devtools

<p align="center"> <a href="https://codeclimate.com/github/storipress/apollo-vue-devtools/maintainability"><img src="https://api.codeclimate.com/v1/badges/2fbe8efb091e0ae30c69/maintainability" /></a> <a href="https://codeclimate.com/github/storipress/apollo-vue-devtools/test_coverage"><img src="https://api.codeclimate.com/v1/badges/2fbe8efb091e0ae30c69/test_coverage" /></a> </p>

Usage

Add the plugin to your Vue project:

import { createApp } from 'vue'
import Plugin from '@storipress/apollo-vue-devtool'
import App from './App.vue'

const app = createApp(App)
app.use(Plugin)
app.mount('#app')

Add the DebugLink to your Apollo client:

import { DebugLink } from '@storipress/apollo-vue-devtool'
import { ApolloClient, ApolloLink, HttpLink } from '@apollo/client/client'

const client = new ApolloClient({
  link: ApolloLink.from([
    new DebugLink(),
    new HttpLink({
      uri: 'http://example.com/graphql',
    }),
  ]),
})

Now open Vue Devtools and you'll see your queries in the timeline!

Installation

NPM

$ npm install --save-dev @storipress/apollo-vue-devtool

Yarn

$ yarn add --dev @storipress/apollo-vue-devtool