Nuxt-graphql-codegen NPM

`nuxt-graphql-codegen`

GraphQL Code Generator module for Nuxt3 / Nuxt Bridge.

Quick setup

Add nuxt-graphql-codegen dependency to your project

# Using yarn
yarn add -D nuxt-graphql-codegen

# Using npm
npm install --save-dev nuxt-graphql-codegen

Note you also need graphql, @graphql-codegen/cli and the plugins you want to use.

Add nuxt-graphql-codegen to the modules section of your nuxt.config.ts

import { defineNuxtConfig } from "nuxt";

export default defineNuxtConfig({
  modules: ["nuxt-graphql-codegen"],
});

Create your codegen.yml or codegen.json configuration file in the project's rootDir with the Initialization Wizard or manually

yarn graphql-codegen init

That's it! The code generator will now be executed before each build, it will also watch for changes in .graphql and .gql files in development mode.

Configuration

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  modules: ["nuxt-graphql-codegen", {
    /**
     * @default false
     */
    devOnly: boolean;
    /**
     * @default ['.graphql', '.gql']
     */
    extensions: string[];
  }],
});