fix: don't trigger change on load #9

Author: adamberecz

src/composables/useValue.js

@@ -1,4 +1,4 @@
-import { toRefs, computed } from 'vue'
+import { toRefs, ref, computed, onMounted } from 'vue'
 
 export default function useValue (props, context, dependencies)
 {
@@ -7,6 +7,10 @@ export default function useValue (props, context, dependencies)
   /* istanbul ignore next */
   const externalValue = modelValue && modelValue.value !== undefined ? modelValue : value
 
+  // ================ DATA ================
+
+  const mounted = ref(false)
+
   // ============== COMPUTED ==============
 
   const checked = computed(() => {
@@ -17,6 +21,10 @@ export default function useValue (props, context, dependencies)
 
   // no export
   const update = (val) => {
+    if (!mounted.value) {
+      return
+    }
+
     context.emit('input', val)
     context.emit('update:modelValue', val)
     context.emit('change', val)
@@ -52,6 +60,10 @@ export default function useValue (props, context, dependencies)
     check()
   }
 
+  onMounted(() => {
+    mounted.value = true
+  })
+
   return {
     externalValue,
     checked,