From c398dee21e21ab416a9a35e38cea00a0af5bdbe1 Mon Sep 17 00:00:00 2001
From: Mouriya <mouriya@bu.edu>
Date: Mon, 27 May 2024 19:52:16 +0900
Subject: [PATCH] =?UTF-8?q?=E8=AA=A4=E3=81=A3=E3=81=9FmodelValue=E3=81=AE?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=B3=95=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/right/AppSelect.vue | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/right/AppSelect.vue b/frontend/src/components/right/AppSelect.vue
index 7a8d5fe..f43890e 100644
--- a/frontend/src/components/right/AppSelect.vue
+++ b/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 {