storipress / apollo-vue-devtools

Integrate GraphQL Apollo with Vue Devtools!

apollo-vue-devtool: Integrate Apollo with Vue Devtools

Usage

1. 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')

2. 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',
    }),
  ]),
})

3. 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

apollo-vue-devtools's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update actions/checkout digest to 692973e
• chore(deps): update yarn to v3.8.4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency msw to v2
• chore(deps): update yarn to v4
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/test.yml

• actions/checkout v4@3df4ab11eba7bda6032a0b82a6bb43b11571feac
• actions/setup-node v3

npm

example/package.json

• @apollo/client ^3.5.10
• @vue/apollo-composable ^4.0.0-alpha.16
• graphql ^16.3.0
• vue ^3.2.31
• @vitejs/plugin-vue 5.1.2
• autoprefixer 10.4.20
• postcss 8.4.41
• tailwindcss 3.4.10
• vite 5.4.0

package.json

• @vue/devtools-api ^6.0.12
• @apollo/client 3.11.4
• @rollup/plugin-commonjs 26.0.1
• @rollup/plugin-node-resolve 15.2.3
• @rollup/plugin-replace 5.0.7
• @types/node 20.14.15
• @vue/compiler-sfc 3.4.37
• cross-fetch 4.0.0
• graphql 16.9.0
• msw 1.3.3
• pascalcase 2.0.0
• rimraf 6.0.1
• rollup 4.20.0
• @rollup/plugin-terser 0.4.4
• rollup-plugin-ts 3.4.5
• rollup-plugin-vue 6.0.0
• typescript 5.5.4
• vite 5.4.0
• vitest 2.0.5
• vue 3.4.37
• @apollo/client ^3.0.0
• graphql ^16.0.0
• vue ^3.0.5
• yarn 3.8.1

---

• Check this box to trigger a request for Renovate to run again on this repository