codegen.ts

import type { CodegenConfig } from "@graphql-codegen/cli";
import { addTypenameSelectionDocumentTransform } from "@graphql-codegen/client-preset";

import { NhostClient } from "@nhost/vue";
import * as dotenv from "dotenv";

dotenv.config();

const nhost = new NhostClient({
  subdomain: process.env.NUXT_PUBLIC_NHOST_SUBDOMAIN,
  region: process.env.NUXT_PUBLIC_NHOST_REGION,
});

const config: CodegenConfig = {
  schema: {
    [nhost.graphql.httpUrl]: {
      headers: {
        "x-hasura-admin-secret": process.env.NUXT_HASURA_SECRET!,
      },
    },
  },
  documents: ["pages/**/*.vue", "components/**/*.vue", "layouts/**/*.vue"],
  ignoreNoDocuments: true, // for better experience with the watcher
  generates: {
    "./gql/": {
      preset: "client",
      config: {
        useTypeImports: true,
      },
      documentTransforms: [addTypenameSelectionDocumentTransform],
    },
    "./gql/introspection.ts": {
      plugins: ["urql-introspection"],
    },
  },
};

export default config;