slot test

frontend/src/components/ShowDialog.vue

@@ -1,7 +1,5 @@
 <template>
   <div class="q-pa-md q-gutter-sm">
-
-
     <q-dialog :model-value="visible" persistent>
       <q-card style="min-width: 350px">
         <q-card-section>
@@ -9,46 +7,35 @@
         </q-card-section>
 
         <q-card-section class="q-pt-none">
-          <div class="q-pa-md">
-            <q-table :title="name+'リスト'" :rows="rows" :columns="columns" row-key="name" :selection="type"
-              v-model:selected="selected" />
-          </div>
+         <slot name="list"></slot>
         </q-card-section>
-
         <q-card-actions align="right" class="text-primary">
-          <q-btn flat label="確定" v-close-popup @click="CloseDialogue('OK')"/>
-          <q-btn flat label="キャンセル" v-close-popup @click="CloseDialogue('Cancel')"/>
+          <q-btn flat label="確定" v-close-popup @click="CloseDialogue('OK')" />
+          <q-btn flat label="キャンセル" v-close-popup @click="CloseDialogue('Cancel')" />
         </q-card-actions>
       </q-card>
     </q-dialog>
   </div>
 </template>
 <script>
-//import { bexContent } from 'quasar/wrappers'
-import { ref } from 'vue'
 
 export default {
-  name:'showDialog',
+  name: 'showDialog',
   props: {
-    name:String,
-    visible:Boolean,
-    type:String,
-    columns:[],
-    rows:[]
+    visible: Boolean,
   },
-  emits:[
+  emits: [
     'close'
   ],
-  setup(props,context) {
-    const CloseDialogue =(val) =>{
-      context.emit('update:visible',false);
-      context.emit('close',val);
+  setup(props, context) {
+    const CloseDialogue = (val) => {
+      context.emit('update:visible', false);
+      context.emit('close', val);
     }
 
     return {
-      CloseDialogue,
-      selected: ref([]),
-      }
-  }
+      CloseDialogue
+    }
+  },
 }
 </script>