u

code/link56/link56-frontend-new/src/components/QueryCompany.vue

@@ -1,8 +1,13 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
 import type { Area, CompanyQuery, Property } from '@/types/company/index'
+import { computed } from 'vue'
 
 const props = defineProps({
+  modelValue: {
+    type: Object as PropType<CompanyQuery>,
+    required: true,
+  },
   properties: {
     type: Object as PropType<Property[]>,
     required: false,
@@ -13,11 +18,14 @@ const props = defineProps({
   },
 })
 
-const query: CompanyQuery = {
-  areas: [],
-  properties: [],
-  name: '',
-}
+const emit = defineEmits(['update:modelValue'])
+
+const query = computed({
+  get: () => props.modelValue,
+  set: (val: CompanyQuery) => {
+    emit('update:modelValue', val)
+  },
+})
 </script>
 
 <template>