@threadlabs/looma 0.10.0 → 0.10.2

package/vue/host.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vue 3.5. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit.
 import { computed, onBeforeUnmount, onMounted, shallowRef, watchEffect } from 'vue'
 
 /** A reactive value the host reads: Vue's ref, shallowRef, computed, and useTemplateRef all match. */
@@ -136,6 +136,10 @@ export function createDispatch(
   options: DispatchOptions = {},
 ): (name: string, detail?: unknown) => boolean {
   const { declared = {}, checks = {}, modeled = [] } = options
+  // One change can be reported by more than one event — a choice is both a select and a change —
+  // and each carries the new value. The prop updates once per change: a value already reported in
+  // this turn of the event loop is not reported again.
+  const reported = new Map<string, unknown>()
   return (name, detail) => {
     const check = checks[name]
     if (detail !== undefined && check !== undefined && !check(detail)) {
@@ -144,7 +148,12 @@ export function createDispatch(
     emit?.(name, detail)
     if (detail !== null && typeof detail === 'object') {
       for (const prop of modeled) {
-        if (prop in detail) emit?.(`update:${prop}`, (detail as Record<string, unknown>)[prop])
+        if (!(prop in detail)) continue
+        const value = (detail as Record<string, unknown>)[prop]
+        if (reported.has(prop) && Object.is(reported.get(prop), value)) continue
+        if (reported.size === 0) queueMicrotask(() => reported.clear())
+        reported.set(prop, value)
+        emit?.(`update:${prop}`, value)
       }
     }
     return root.value?.dispatchEvent(