@ramathibodi/nuxt-commons 0.1.68 → 0.1.70

package/dist/runtime/plugins/default.js

@@ -0,0 +1,50 @@
+import { defineNuxtPlugin } from "nuxt/app";
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.directive("default", {
+    beforeMount(el, binding) {
+      const def = binding.value;
+      if (def === void 0 || def === null || def === "") return;
+      const apply = (value) => {
+        if ("value" in el) {
+          ;
+          el.value = value;
+        }
+        el.dispatchEvent(new Event("input", { bubbles: true }));
+        el.dispatchEvent(new Event("change", { bubbles: true }));
+      };
+      apply(def);
+      const inner = el.querySelector?.("input, textarea, select");
+      if (inner) {
+        const onMountedSync = () => {
+          const cur = inner.value;
+          if (cur === "" || cur == null) {
+            inner.value = String(def);
+            inner.dispatchEvent(new Event("input", { bubbles: true }));
+            inner.dispatchEvent(new Event("change", { bubbles: true }));
+          }
+        };
+        queueMicrotask(onMountedSync);
+        el.__vDefaultCleanup = () => {
+        };
+      }
+    },
+    // If the default value changes later, you can decide whether to re-apply.
+    // This version only applies when the current DOM value is empty.
+    updated(el, binding) {
+      const def = binding.value;
+      if (def === void 0 || def === null || def === "") return;
+      const target = "value" in el ? el : el.querySelector?.("input, textarea, select");
+      if (!target) return;
+      const cur = target.value;
+      if (cur === "" || cur === void 0 || cur === null) {
+        target.value = def;
+        target.dispatchEvent(new Event("input", { bubbles: true }));
+        target.dispatchEvent(new Event("change", { bubbles: true }));
+      }
+    },
+    unmounted(el) {
+      el.__vDefaultCleanup?.();
+      delete el.__vDefaultCleanup;
+    }
+  });
+});

package/dist/runtime/types/clientConfig.d.ts

@@ -0,0 +1,13 @@
+import type { ClientConfig,ClientConfigService } from "../composables/clientConfig";
+
+declare module "#app" {
+    interface NuxtApp {
+        $clientConfig: ClientConfig;
+        $clientConfigService: ClientConfigService;
+    }
+
+    interface RuntimeNuxtApp {
+        $clientConfig: ClientConfig;
+        $clientConfigService: ClientConfigService;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "0.1.68",
+  "version": "0.1.70",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",
@@ -70,6 +70,7 @@
     "@mdi/font": "^7.4.47",
     "@nuxt/kit": "^3.16.2",
     "@nuxtjs/apollo": "5.0.0-alpha.14",
+    "@thumbmarkjs/thumbmarkjs": "^1.6.1",
     "@vue/apollo-composable": "^4.2.2",
     "@vuepic/vue-datepicker": "^7.4.1",
     "@vueuse/integrations": "^11.3.0",
@@ -80,7 +81,7 @@
     "fuse.js": "^7.1.0",
     "gql-query-builder": "^3.8.0",
     "graphql": "^16.10.0",
-    "localstorage-ttl": "^2.0.10",
+    "localstorage-slim": "^2.7.1",
     "lodash": "^4.17.21",
     "luxon": "^3.6.1",
     "maska": "^2.1.11",