From 8b1f8c0ea2c7857e8da864097e21ec410250892a Mon Sep 17 00:00:00 2001
From: Atomjoy <atomjoy.official@gmail.com>
Date: Tue, 1 Aug 2023 01:20:03 +0200
Subject: [PATCH]  Input change event update

---
 app/resources/js/components/input/Input.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/resources/js/components/input/Input.vue b/app/resources/js/components/input/Input.vue
index a54ab65..9bdcee0 100644
--- a/app/resources/js/components/input/Input.vue
+++ b/app/resources/js/components/input/Input.vue
@@ -1,14 +1,24 @@
 <template>
 	<div class="input-group">
 		<label v-if="props.label" :for="props.name">{{ props.label }} <slot></slot></label>
-		<input ref="input" :type="props.type" :name="props.name" v-model="props.modelValue" :class="props.class" :placeholder="props.placeholder" @input="emits('update:modelValue', $event.target.value)" @keydown="emits('keydown', $event)" @keyup="emits('keyup', $event)" />
+		<input
+			ref="input"
+			:type="props.type"
+			:name="props.name"
+			v-model="props.modelValue"
+			:class="props.class"
+			:placeholder="props.placeholder"
+			@input="emits('update:modelValue', $event.target.value)"
+			@keydown="emits('keydown', $event)"
+			@keyup="emits('keyup', $event)"
+			@change="emits('change', $event)" />
 	</div>
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
 
-const emits = defineEmits(['update:modelValue', 'keydown', 'keyup'])
+const emits = defineEmits(['update:modelValue', 'keydown', 'keyup', 'change'])
 const props = defineProps({
 	modelValue: [String, Number],
 	name: { type: String },