@mevbg/nuxt-kit 0.1.4 → 0.1.5

package/dist/module.json

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

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, installModule } from '@nuxt/kit';
+import { defineNuxtModule, installModule, createResolver, addPlugin, addImports, addComponent } from '@nuxt/kit';
 import { DEFAULT_COLOR_SCHEME } from '../dist/runtime/defaults.js';
 export * from '@mevbg/nuxt-color-scheme';
 
@@ -17,12 +17,22 @@ const module = defineNuxtModule({
   },
   async setup(options, nuxt) {
     nuxt.options.runtimeConfig.public.wm = options.wm;
-    const resolver = createResolver(import.meta.url);
-    addPlugin(resolver.resolve("./runtime/plugins/wm.plugin"));
     await installModule("@mevbg/nuxt-color-scheme", {
       default: options.colorScheme?.default ?? DEFAULT_COLOR_SCHEME,
       systemScheme: options.colorScheme?.systemScheme ?? true
     });
+    const resolver = createResolver(import.meta.url);
+    addPlugin(resolver.resolve("./runtime/plugins/wm.plugin"));
+    addImports([
+      {
+        name: "useClientInfo",
+        from: resolver.resolve("./runtime/composables/client-info.composable")
+      }
+    ]);
+    addComponent({
+      name: "ConditionalClientOnly",
+      filePath: resolver.resolve("./runtime/components/ConditionalClientOnly.vue")
+    });
   }
 });
 

package/dist/runtime/components/ConditionalClientOnly.vue

@@ -0,0 +1,15 @@
+<template>
+  <ClientOnly v-if="condition" fallback-tag="div">
+    <slot />
+  </ClientOnly>
+
+  <div v-else>
+    <slot />
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  condition: { type: Boolean, required: false, default: false }
+});
+</script>

package/dist/runtime/components/ConditionalClientOnly.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    condition?: boolean;
+};
+declare var __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    condition: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/composables/client-info.composable.d.ts

@@ -0,0 +1,44 @@
+export declare function useClientInfo(): {
+    data: {
+        isBrowser: boolean;
+        isMobile: boolean;
+        isTablet: boolean;
+        isSmartTV: boolean;
+        isConsole: boolean;
+        isWearable: boolean;
+        isMobileSafari: boolean;
+        isChromium: boolean;
+        isMobileOnly: boolean;
+        isAndroid: boolean;
+        isWinPhone: boolean;
+        isIOS: boolean;
+        isChrome: boolean;
+        isFirefox: boolean;
+        isSafari: boolean;
+        isOpera: boolean;
+        isIE: boolean;
+        isEdge: boolean;
+        isYandex: boolean;
+        isIOS13: boolean;
+        isIPad13: boolean;
+        isIPhone13: boolean;
+        isIPod13: boolean;
+        isElectron: boolean;
+        isEdgeChromium: boolean;
+        isLegacyEdge: boolean;
+        isWindows: boolean;
+        isMacOs: boolean;
+        osVersion: string;
+        osName: string;
+        fullBrowserVersion: string;
+        browserVersion: string;
+        browserName: string;
+        mobileVendor: string;
+        mobileModel: string;
+        engineName: string;
+        engineVersion: string;
+        getUA: string;
+        deviceType: string;
+    };
+    classes: string[];
+};

package/dist/runtime/composables/client-info.composable.js

@@ -0,0 +1,8 @@
+import * as clientInfo from "mobile-device-detect";
+export function useClientInfo() {
+  const { default: defaultInfo, deviceDetect, ...data } = clientInfo;
+  const classes = Object.keys(data).filter(
+    (key) => typeof data[key] === "boolean" && data[key]
+  );
+  return { data, classes };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mevbg/nuxt-kit",
   "title": "Mev’s Nuxt Kit",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Mev’s personal Nuxt kit module.",
   "keywords": [
     "nuxt kit",
@@ -63,7 +63,8 @@
   "dependencies": {
     "@mevbg/design-essentials-vendor": "^2.0.4",
     "@mevbg/nuxt-color-scheme": "^1.0.4",
-    "@nuxt/kit": "^4.0.3"
+    "@nuxt/kit": "^4.0.3",
+    "mobile-device-detect": "^0.4.3"
   },
   "devDependencies": {
     "@nuxt/devtools": "^2.6.2",