npm run format

src/components/forms/ChipsInput.vue

@@ -4,12 +4,7 @@
       <span>{{ chip }}</span>
       <i class="cursor-pointer text-white font-light font-default not-italic hover:text-gray-50" @click="deleteChip(i)">X</i>
     </div>
-    <input
-      class="outline-none border-none max-w-[250px] p-1 m-1 text-white"
-      v-model="currentInput"
-      @keypress.enter.prevent="saveChip"
-      @keydown.delete="backspaceDelete"
-    />
+    <input class="outline-none border-none max-w-[250px] p-1 m-1 text-white" v-model="currentInput" @keypress.enter.prevent="saveChip" @keydown.delete="backspaceDelete" />
   </div>
 </template>
 
@@ -28,9 +23,13 @@ const emit = defineEmits(['update:modelValue'])
 const currentInput = ref('')
 const internalValue = ref(props.modelValue || [])
 
-watch(() => props.modelValue, (newVal) => {
-  internalValue.value = newVal || []
-}, { immediate: true })
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    internalValue.value = newVal || []
+  },
+  { immediate: true }
+)
 
 const saveChip = (event) => {
   event.preventDefault()
@@ -42,7 +41,10 @@ const saveChip = (event) => {
 }
 
 const deleteChip = (index) => {
-  emit('update:modelValue', internalValue.value.filter((_, i) => i !== index))
+  emit(
+    'update:modelValue',
+    internalValue.value.filter((_, i) => i !== index)
+  )
 }
 
 const backspaceDelete = (event) => {
@@ -50,4 +52,4 @@ const backspaceDelete = (event) => {
     emit('update:modelValue', internalValue.value.slice(0, -1))
   }
 }
-</script>
+</script>