@hostlink/nuxt-light 1.67.3 → 1.67.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.67.3",
+  "version": "1.67.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/formkit/FilePicker.vue

@@ -1,10 +1,12 @@
 <script setup>
-import { computed } from "vue";
+import { computed, ref } from "vue";
 import { useErrorMessage } from "./useErrorMessage";
 const props = defineProps({
   context: Object
 });
-const { error, errorMessage } = useErrorMessage(props.context.node);
+const error = ref(false);
+const errorMessage = ref("");
+useErrorMessage(props.context.node, error, errorMessage);
 const value = computed({
   get: () => props.context.value,
   set: (val) => props.context.node.input(val)

package/dist/runtime/formkit/useErrorMessage.d.ts

@@ -1,3 +1 @@
-import type { Ref } from 'vue';
-import type { FormKitNode } from '@formkit/core';
-export declare function useErrorMessage(node: FormKitNode, error: Ref<boolean>, errorMessage: Ref<string>): () => void;
+export declare function useErrorMessage(node: any, error: any, errorMessage: any): () => void;

package/dist/runtime/formkit/useErrorMessage.js

@@ -1,28 +1,37 @@
 import { getValidationMessages } from "@formkit/validation";
+import { onBeforeUnmount } from "vue";
 export function useErrorMessage(node, error, errorMessage) {
+  let unmounted = false;
+  const setErr = (ref, val) => {
+    if (unmounted || !ref) return;
+    try {
+      ref.value = val;
+    } catch (_e) {
+    }
+  };
   const showErrorMessage = (msg) => {
     if (msg.name === "message-updated") {
       if (msg.payload.type === "validation") {
-        errorMessage.value = msg.payload.value;
+        setErr(errorMessage, msg.payload.value);
       }
     }
     if (msg.name === "message-removed") {
       if (msg.payload.type === "validation") {
-        errorMessage.value = "";
-        error.value = false;
+        setErr(errorMessage, "");
+        setErr(error, false);
       }
       if (msg.payload.type === "state") {
-        error.value = false;
+        setErr(error, false);
       }
     }
     if (msg.name === "message-added") {
-      errorMessage.value = "";
-      error.value = false;
+      setErr(errorMessage, "");
+      setErr(error, false);
       const messages = getValidationMessages(node);
       for (const message of messages) {
         if (message[0]) {
-          errorMessage.value = message[1][0].value;
-          error.value = true;
+          setErr(errorMessage, message[1][0].value);
+          setErr(error, true);
           break;
         }
       }
@@ -30,5 +39,10 @@ export function useErrorMessage(node, error, errorMessage) {
   };
   const events = ["message-added", "message-removed", "message-updated"];
   const receipts = events.map((event) => node.on(event, showErrorMessage));
-  return () => receipts.forEach((receipt) => node.off(receipt));
+  const cleanup = () => {
+    unmounted = true;
+    receipts.forEach((receipt) => node.off(receipt));
+  };
+  onBeforeUnmount(cleanup);
+  return cleanup;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.67.3",
+  "version": "1.67.5",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",