Refactor Select.vue and Type4.vue components

src/components/Select.vue

@@ -19,19 +19,25 @@ const props = defineProps({
   selected: {
     type: Object as () => DataItem,
     default: () => ({ id: 0, name: '' })
+  },
+  indexSelected: {
+    type: Number,
+    default: 0
   }
 })
 
 const emit = defineEmits(['update:selected'])
-const data = computed(() => [{ id: 0, name: props.placeholder }, ...props.data])
-const selected = ref(data.value[0].id)
-
-watch(
-  () => props.selected,
-  (value: any) => {
-    selected.value = value.id
-  }
+const data = computed(() =>
+  props.placeholder == '0' ? props.data : [{ id: 0, name: props.placeholder }, ...props.data]
 )
+const selected = ref(data.value[props.indexSelected].id)
+
+// watch(
+//   () => props.selected,
+//   (value: any) => {
+//     selected.value = value.id
+//   }
+// )
 </script>
 
 <template>