@mevbg/nuxt-kit 0.1.20 → 0.1.23

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mevbg/nuxt-kit",
   "configKey": "mevKit",
-  "version": "0.1.20",
+  "version": "0.1.23",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -31,8 +31,8 @@ const module = defineNuxtModule({
     addPlugin(resolver.resolve("./runtime/plugins/tooltip-system.plugin"));
     addImports([
       {
-        name: "useClientInfo",
-        from: resolver.resolve("./runtime/composables/useClientInfo")
+        name: "useClientInfoClasses",
+        from: resolver.resolve("./runtime/composables/useClientInfoClasses")
       },
       {
         name: "useErrorHandler",

package/dist/runtime/composables/index.d.ts

@@ -1,4 +1,4 @@
-export * from './useClientInfo.js';
+export * from './useClientInfoClasses.js';
 export * from './useErrorHandler.js';
 export * from './useHeadLinks.js';
 export * from './useMetaData.js';

package/dist/runtime/composables/index.js

@@ -1,4 +1,4 @@
-export * from "./useClientInfo.js";
+export * from "./useClientInfoClasses.js";
 export * from "./useErrorHandler.js";
 export * from "./useHeadLinks.js";
 export * from "./useMetaData.js";

package/dist/runtime/composables/useClientInfoClasses.d.ts

@@ -0,0 +1,3 @@
+export declare function useClientInfoClasses(): {
+    setClientInfoClasses: () => Promise<void>;
+};

package/dist/runtime/composables/useClientInfoClasses.js

@@ -0,0 +1,19 @@
+import { computed, ref } from "vue";
+export function useClientInfoClasses() {
+  const data = ref({});
+  const classes = computed(
+    () => Object.keys(data.value).filter(
+      (key) => typeof data.value[key] === "boolean" && data.value[key]
+    )
+  );
+  const setClientInfoClasses = async () => {
+    const {
+      default: defaultInfo,
+      deviceDetect,
+      ...clientData
+    } = await import("mobile-device-detect");
+    data.value = clientData;
+    window.document.documentElement.classList.add(...classes.value);
+  };
+  return { setClientInfoClasses };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mevbg/nuxt-kit",
   "title": "Mev’s Nuxt Kit",
-  "version": "0.1.20",
+  "version": "0.1.23",
   "description": "Mev’s personal Nuxt kit module.",
   "keywords": [
     "nuxt kit",
@@ -51,6 +51,10 @@
     "./useNotificationSystem": {
       "types": "./dist/runtime/composables/useNotificationSystem.d.ts",
       "import": "./dist/runtime/composables/useNotificationSystem.js"
+    },
+    "./useClientInfoClasses": {
+      "types": "./dist/runtime/composables/useClientInfoClasses.d.ts",
+      "import": "./dist/runtime/composables/useClientInfoClasses.js"
     }
   },
   "files": [

package/dist/runtime/composables/useClientInfo.d.ts

@@ -1,4 +0,0 @@
-export declare function useClientInfo(): {
-    data: import("vue").Ref<Record<string, any>, Record<string, any>>;
-    classes: import("vue").ComputedRef<string[]>;
-};

package/dist/runtime/composables/useClientInfo.js

@@ -1,20 +0,0 @@
-import { computed, onBeforeMount, ref } from "vue";
-const data = ref({});
-const classes = computed(
-  () => Object.keys(data.value).filter(
-    (key) => typeof data.value[key] === "boolean" && data.value[key]
-  )
-);
-export function useClientInfo() {
-  if (import.meta.client) {
-    onBeforeMount(async () => {
-      const {
-        default: defaultInfo,
-        deviceDetect,
-        ...clientData
-      } = await import("mobile-device-detect");
-      data.value = clientData;
-    });
-  }
-  return { data, classes };
-}