Features

• Basic Nuxt3 module for providing urql client
• Configurable URL in nuxt.config.ts
• SSR support with ssrExchange

Install

yarn add -D nuxt-urql @urql/vue graphql
# npm i -D nuxt-urql @urql/vue graphql

Usage

Within your nuxt.config.js add the following.

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  buildModules: [
    'nuxt-urql',
  ],
  urql: {
    url: 'https://rickandmortyapi.com/graphql/'
  }
})

Refer to the @urql/vue documentation for more information.

Roadmap

• [ ] Integration with GraphQL Code Generator
• [ ] Normalized caching with Graphcache
• [ ] Better documentation and examples

Credits

• Based on a project by @bicouy0
• Nuxt module structure nuxt3-supabase