Config

site-kit.config.ts

Create a site-kit.config.ts file in the root of your app.

// site-kit.config.ts

import { defineSiteKitConfig } from "@dija/gormic-kit-site/config";

export default defineSiteKitConfig({
  // Set your Gormic account
  instanceId: "my-account-id",
  // Extend Site Kit
  extends: "@dija/gormic-kit-site/site-kit.config",
  // Define your app guide
  guide: {},
  // Define your app messages
  messages: {},
});

nuxt.config.ts

Modify your nuxt.config.ts to enable Site Kit.

// nuxt.config.ts

import { defineNuxtConfig } from "nuxt/config";

export default defineNuxtConfig({
  // Extend Site Kit
  extends: "@dija/gormic-kit-site",
  // Enable Tohama auto registration
  tohama: {
    register: {
      components: true,
      composables: true,
      types: true,
    },
  },
});

tohama.config.ts

Create a tohama.config.ts file in the root of your app.

// tohama.config.ts

import { defineConfig } from "@dija/tohama-vite";

export default defineConfig({
  // Extend Site Kit
  extends: "@dija/gormic-kit-site/tohama.config",
});

css.config.ts

Create a css.config.ts file in the root of your app.

// css.config.ts

import { colors, createUnocssConfig } from "@dija/tohama-vite";

export default createUnocssConfig({
  // Extend Site Kit
  extends: "@dija/gormic-kit-site/css.config",
  // Define your app brand colors, fonts, etc.
  theme: {
    colors: {
      primary: colors.red,
      brand: "#C8E2BE",
    },
  },
});