@grundtone/nuxt 2.0.1

package/README.md

@@ -0,0 +1,50 @@
+# @grundtone/nuxt
+
+Nuxt 3 module for the [Grundtone](https://grundtone.com) design system. Auto-imports components from
+`@grundtone/vue`, including components and composables.
+
+## Installation
+
+```bash
+npm install -D @grundtone/nuxt
+```
+
+## Setup
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@grundtone/nuxt'],
+  grundtone: {
+    prefix: 'Grundtone', // component prefix (default)
+  },
+});
+```
+
+Components and composables are available globally without imports:
+
+```vue
+<template>
+  <GrundtoneButton variant="primary">Submit</GrundtoneButton>
+</template>
+
+<script setup>
+  const { theme, isDark } = useTheme();
+</script>
+```
+
+## Options
+
+| Option        | Type      | Default       | Description             |
+| ------------- | --------- | ------------- | ----------------------- |
+| `components`  | `boolean` | `true`        | Auto-import components  |
+| `composables` | `boolean` | `true`        | Auto-import composables |
+| `prefix`      | `string`  | `'Grundtone'` | Component name prefix   |
+
+## Documentation
+
+See [grundtone.com](https://grundtone.com) for full setup guide and configuration options.
+
+## License
+
+MIT

package/dist/module.d.mts

@@ -0,0 +1,15 @@
+import { NuxtModule } from '@nuxt/schema';
+
+interface ModuleOptions {
+    theme?: {
+        light?: Record<string, unknown>;
+        dark?: Record<string, unknown>;
+    };
+    components?: boolean;
+    composables?: boolean;
+    prefix?: string;
+}
+declare const _default: NuxtModule<ModuleOptions>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "@grundtone/nuxt",
+  "configKey": "grundtone",
+  "compatibility": {
+    "nuxt": ">=3.0.0"
+  },
+  "version": "2.0.0",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,73 @@
+import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addImports } from '@nuxt/kit';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@grundtone/nuxt",
+    configKey: "grundtone",
+    compatibility: {
+      nuxt: ">=3.0.0"
+    }
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {
+    components: true,
+    composables: true,
+    prefix: "GT"
+  },
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.css.push(resolver.resolve("../../vue/dist/index.css"));
+    if (options.components) {
+      const componentDirs = ["atoms", "molecules", "organisms"];
+      for (const dir of componentDirs) {
+        addComponentsDir({
+          path: resolver.resolve(`../../vue/src/${dir}`),
+          pathPrefix: false,
+          prefix: options.prefix,
+          extensions: [".vue"],
+          pattern: "**/[A-Z]*.vue"
+        });
+      }
+    }
+    if (options.composables) {
+      addImportsDir(resolver.resolve("../../vue/src/composables"));
+      addImports([
+        {
+          name: "GT_ICON_REGISTRY_KEY",
+          from: "@grundtone/vue"
+        }
+      ]);
+      const validators = [
+        "required",
+        "email",
+        "phone",
+        "cpr",
+        "cvr",
+        "minLength",
+        "maxLength",
+        "pattern",
+        "url",
+        "composeValidators"
+      ];
+      addImports(
+        validators.map((name) => ({
+          name,
+          from: "@grundtone/utils"
+        }))
+      );
+    }
+    nuxt.options.runtimeConfig.public.grundtone = {
+      theme: options.theme,
+      components: options.components ?? true,
+      composables: options.composables ?? true,
+      prefix: options.prefix ?? "GT"
+    };
+    if (!options.theme && nuxt.options.devtools) {
+      console.warn(
+        '[Grundtone] Theme not configured. Add theme config to match your brand:\n  grundtone: {\n    theme: createTheme({ light: { primary: "#..." }, dark: { ... } })\n  }\nSee: https://github.com/grundtone/grundtone#theme-configuration'
+      );
+    }
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/plugin.js

@@ -0,0 +1,19 @@
+import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+import { applyThemeToDOM, getSystemThemeMode } from "@grundtone/vue";
+export default defineNuxtPlugin((_nuxtApp) => {
+  const config = useRuntimeConfig().public.grundtone;
+  if (config?.theme?.light && config?.theme?.dark) {
+    const mode = getSystemThemeMode();
+    const theme = mode === "dark" ? config.theme.dark : config.theme.light;
+    if (theme) {
+      applyThemeToDOM(theme);
+    }
+    if (import.meta.client) {
+      window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+        const m = getSystemThemeMode();
+        const t = m === "dark" ? config.theme.dark : config.theme.light;
+        if (t) applyThemeToDOM(t);
+      });
+    }
+  }
+});

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@grundtone/nuxt",
+  "version": "2.0.1",
+  "description": "Nuxt module for Grundtone",
+  "license": "MIT",
+  "private": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/grundtone/grundtone.git",
+    "directory": "packages/nuxt"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "nuxt-module-build build",
+    "build:nuxt": "nuxt-module-build build",
+    "dev": "nuxi dev ../../apps/playground/nuxt",
+    "dev:build": "nuxi build ../../apps/playground/nuxt",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare ../../apps/playground/nuxt",
+    "test": "../../node_modules/.bin/vitest run",
+    "prepublishOnly": "test -d dist || pnpm run build"
+  },
+  "dependencies": {
+    "@grundtone/core": "workspace:*",
+    "@grundtone/design-system": "workspace:*",
+    "@grundtone/icons": "workspace:*",
+    "@grundtone/vue": "workspace:*",
+    "@nuxt/kit": "^4.4.2"
+  },
+  "devDependencies": {
+    "@nuxt/eslint": "1.3.0",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.4.2",
+    "@nuxt/scripts": "0.11.6",
+    "@nuxt/test-utils": "^4.0.0",
+    "@types/node": "^20.17.45",
+    "@unhead/vue": "^2.0.8",
+    "changelogen": "^0.6.1",
+    "eslint": "^9.26.0",
+    "nuxt": "^4.4.2"
+  }
+}