@sit-onyx/nuxt 1.0.0-beta.20 → 1.0.0-beta.201

package/README.md

@@ -1,9 +1,5 @@
 <div align="center" style="text-align: center">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" type="image/svg+xml" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-light.svg">
-    <source media="(prefers-color-scheme: light)" type="image/svg+xml" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg">
-    <img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg" width="160px">
-  </picture>
+  <img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo.svg" height="96px">
 </div>
 
 <br>

package/dist/module.d.mts

@@ -32,6 +32,7 @@ interface ModuleOptions {
         registerLocales?: Record<string, "en-US" | "de-DE" | "ko-KR">;
     };
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@sit-onyx/nuxt",
   "configKey": "onyx",
-  "version": "1.0.0-beta.19",
+  "version": "1.0.0-beta.200",
   "builder": {
-    "@nuxt/module-builder": "0.8.1",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"
   }
 }

package/dist/module.mjs

@@ -12,10 +12,10 @@ const module = defineNuxtModule({
   setup(options, nuxt) {
     const logger = useLogger("@sit-onyx/nuxt");
     const { resolve } = createResolver(import.meta.url);
-    nuxt.options.postcss.plugins.cssnano = { preset: ["default", { calc: false }] };
     nuxt.options.css.push("sit-onyx/style.css");
     if (options.theme !== "onyx") {
-      nuxt.options.css.push(`sit-onyx/themes/${options.theme}.css`);
+      nuxt.options.css.push(`sit-onyx/themes/${options.theme}-light.css`);
+      nuxt.options.css.push(`sit-onyx/themes/${options.theme}-dark.css`);
     }
     if (!options.disableGlobalStyles) {
       nuxt.options.css.push("sit-onyx/global.css");
@@ -58,10 +58,8 @@ const module = defineNuxtModule({
 function getModuleIndex(modules, ...moduleNames) {
   for (let i = 0; i < modules.length; i++) {
     const module = modules[i];
-    if (typeof module === "string" && moduleNames.includes(module))
-      return i;
-    if (Array.isArray(module) && moduleNames.includes(module[0]))
-      return i;
+    if (typeof module === "string" && moduleNames.includes(module)) return i;
+    if (Array.isArray(module) && moduleNames.includes(module[0])) return i;
   }
   return -1;
 }

package/dist/runtime/plugins/onyx.js

@@ -1,25 +1,28 @@
-import { computed, watchEffect } from "#imports";
-import { defineNuxtPlugin, useNuxtApp } from "nuxt/app";
-import { provideI18n, syncGlobalOptionalText } from "sit-onyx";
+import { computed } from "#imports";
+import { defineNuxtPlugin, useNuxtApp, useRouter } from "nuxt/app";
+import { createOnyx } from "sit-onyx";
 export default defineNuxtPlugin({
   name: "onyx:plugin",
   // @ts-ignore: dependency comes from @nuxtjs/i18n
   dependsOn: ["i18n:plugin"],
   setup: (app) => {
     const { t: translate, localeProperties } = useNuxtApp().$i18n;
+    const router = useRouter();
     const t = computed(() => {
       return (key, placeholders) => {
         return translate(`onyx.${key}`, placeholders?.n ?? 1, { named: placeholders });
       };
     });
-    provideI18n(app.vueApp, {
-      locale: computed(() => localeProperties.value.iso ?? "en-US"),
-      t
-    });
-    app.hook("app:beforeMount", () => {
-      watchEffect(() => {
-        syncGlobalOptionalText(translate(`onyx.optional`));
-      });
-    });
+    app.vueApp.use(
+      createOnyx({
+        i18n: {
+          locale: computed(
+            () => localeProperties.value.language ?? localeProperties.value.iso ?? "en-US"
+          ),
+          t
+        },
+        router
+      })
+    );
   }
 });

package/dist/types.d.mts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sit-onyx/nuxt",
-  "version": "1.0.0-beta.20",
+  "version": "1.0.0-beta.201",
   "description": "A Nuxt module to easily integrate onyx into Nuxt projects",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -16,29 +16,28 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
+      "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "require": "./dist/module.mjs"
     }
   },
-  "types": "./dist/types.d.ts",
   "files": [
     "dist"
   ],
-  "dependencies": {
-    "@nuxt/kit": "^3.12.4"
-  },
   "devDependencies": {
-    "@nuxt/devtools": "^1.3.9",
-    "@nuxt/module-builder": "~0.8.1",
-    "@nuxt/schema": "^3.12.4",
-    "@nuxt/test-utils": "^3.14.0",
-    "@nuxtjs/i18n": "^8.3.3",
-    "nuxt": "^3.12.4",
-    "vue-i18n": "^9.13.1"
+    "@nuxt/devtools": "^2.4.0",
+    "@nuxt/kit": "^3.16.2",
+    "@nuxt/module-builder": "^1.0.1",
+    "@nuxt/schema": "^3.16.2",
+    "@nuxt/test-utils": "^3.17.2",
+    "@nuxtjs/i18n": "^9.5.3",
+    "nuxt": "^3.16.2",
+    "typescript": "5.8.3",
+    "vue-i18n": "^11.1.3",
+    "sit-onyx": "^1.0.0-beta.199"
   },
   "peerDependencies": {
-    "sit-onyx": "^1.0.0-beta.19"
+    "sit-onyx": "^1.0.0-beta.199"
   },
   "scripts": {
     "dev": "nuxi dev playground",

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,37 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { OnyxTheme } from 'sit-onyx';
-
-interface ModuleOptions {
-    /**
-     * The onyx theme to use. See: [https://onyx.schwarz/development/theming.html](https://onyx.schwarz/development/theming.html)
-     * @default "onyx"
-     */
-    theme: OnyxTheme;
-    /**
-     * By default, the global onyx styles (`global.css` file) will be included
-     * which applies some global styles like background color and font styles.
-     * This is recommended when building a whole application with onyx.
-     *
-     * You can set this option to `true` to disable this.
-     *
-     * @see https://onyx.schwarz/development/#installation
-     */
-    disableGlobalStyles?: boolean;
-    /**
-     * Settings related to the integration with @nuxtjs/i18n
-     */
-    i18n?: {
-        /**
-         * Mapping for registering the translations from onyx with @nuxtjs/i18n.
-         * @example
-         * ```ts
-         * registerLocales: { "en_US": "en-US" }
-         * ```
-         * This would register the onyx translations for the language "en-US" to the code "en_US" of your projects locales.
-         */
-        registerLocales?: Record<string, "en-US" | "de-DE" | "ko-KR">;
-    };
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
-
-export { type ModuleOptions, _default as default };

package/dist/types.d.ts

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