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",
},
},
});