誤ったmodelValueの使用法の修正

frontend/src/components/right/AppSelect.vue

@@ -4,12 +4,11 @@
             <template v-slot:control>
                 <q-card flat class="full-width">
                     <q-card-actions vertical>
-                        <q-btn color="grey-3" text-color="black"
-                            @click="() => { dgIsShow = true }">APP SELECT</q-btn>
+                        <q-btn color="grey-3" text-color="black" @click="() => { dgIsShow = true }">APP SELECT</q-btn>
                     </q-card-actions>
                     <q-card-section class="text-caption">
-                        <div v-if="selectedField">
-                            {{ selectedField.name }}
+                        <div v-if="selectedField.app.name">
+                            {{ selectedField.app.name }}
                         </div>
                         <div v-else>{{ placeholder }}</div>
                     </q-card-section>
@@ -31,7 +30,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, watchEffect } from 'vue';
+import { computed, defineComponent, reactive, ref, watchEffect } from 'vue';
 import ShowDialog from '../ShowDialog.vue';
 import AppSelectBox from '../AppSelectBox.vue';
 
@@ -68,22 +67,18 @@ export default defineComponent({
     setup(props, { emit }) {
         const appDg = ref()
         const dgIsShow = ref(false)
-        const selectedField = ref()
+        const selectedField = props.modelValue && props.modelValue.app ? props.modelValue : reactive({app:{}});
         const closeDg = (state: string) => {
             dgIsShow.value = false;
             if (state == 'OK') {
-                selectedField.value = appDg.value.selected[0];
+                selectedField.app = appDg.value.selected[0];
             }
         };
 
-        
-
-        // console.log(props);
-        
-        
+        console.log(selectedField);
 
         watchEffect(() => {
-            emit('update:modelValue', { app: selectedField.value });
+            emit('update:modelValue', selectedField);
         });
 
         return {