srcdev-nuxt-components 9.0.13 → 9.0.15

package/modules/colour-scheme.ts

@@ -0,0 +1,27 @@
+import { defineNuxtModule } from "@nuxt/kit";
+
+export default defineNuxtModule({
+  meta: {
+    name: "colour-scheme",
+    configKey: "colourScheme",
+  },
+  setup(_, nuxt) {
+    const enabled = (nuxt.options.runtimeConfig.public?.colourScheme as { enabled?: boolean } | undefined)?.enabled ?? true;
+
+    if (!enabled) return;
+
+    nuxt.options.app.head.script ||= [];
+    nuxt.options.app.head.script.push({
+      innerHTML: `
+        (function() {
+          var saved = localStorage.getItem('colourScheme');
+          var valid = ['auto', 'dark', 'light'];
+          var scheme = valid.includes(saved) ? saved : 'auto';
+          document.documentElement.dataset.colorScheme = scheme;
+        })();
+      `,
+      tagPosition: "head",
+      tagPriority: "critical",
+    } as Parameters<typeof nuxt.options.app.head.script.push>[0]);
+  },
+});

package/nuxt.config.ts

@@ -1,4 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+import { createResolver } from "@nuxt/kit";
+
+const { resolve } = createResolver(import.meta.url);
 const isStandalone = !!process.env.SRCDEV_STANDALONE;
 
 export default defineNuxtConfig({
@@ -22,7 +25,7 @@ export default defineNuxtConfig({
   css: ["./app/assets/styles/main.css"],
   modules: [
     // Required by consumers — always included
-    "./modules/colour-scheme",
+    resolve("./modules/colour-scheme"),
     "@nuxt/icon",
     ...(process.env.STORYBOOK ? [] : ["@nuxt/fonts"]),
     "@nuxt/image",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-components",
   "type": "module",
-  "version": "9.0.13",
+  "version": "9.0.15",
   "main": "nuxt.config.ts",
   "types": "types.d.ts",
   "license": "MIT",
@@ -35,6 +35,7 @@
   "files": [
     ".claude/",
     "app/",
+    "modules/",
     "nuxt.config.ts",
     "types.d.ts"
   ],