Fixes to client case show

2025-10-07 19:47:54 +02:00
parent f976b4d6ef
commit 175111bed4
8 changed files with 369 additions and 237 deletions
@@ -1,28 +1,31 @@
 <script setup>
-import { onMounted, ref } from 'vue';
+import { onMounted, ref } from "vue";

 defineProps({
-    modelValue: String,
+  modelValue: {
+    type: [String, Number],
+    default: "",
+  },
 });

-defineEmits(['update:modelValue']);
+defineEmits(["update:modelValue"]);

 const input = ref(null);

 onMounted(() => {
-    if (input.value.hasAttribute('autofocus')) {
-        input.value.focus();
-    }
+  if (input.value.hasAttribute("autofocus")) {
+    input.value.focus();
+  }
 });

 defineExpose({ focus: () => input.value.focus() });
 </script>

 <template>
-    <input
-        ref="input"
-        class="border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
-        :value="modelValue"
-        @input="$emit('update:modelValue', $event.target.value)"
-    >
+  <input
+    ref="input"
+    class="border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
+    :value="modelValue"
+    @input="$emit('update:modelValue', $event.target.value)"
+  />
 </template>