diff --git a/frontend/src/components/DocUpload.vue b/frontend/src/components/DocUpload.vue
index 4ea5409..cfede92 100644
--- a/frontend/src/components/DocUpload.vue
+++ b/frontend/src/components/DocUpload.vue
@@ -1,13 +1,14 @@
 <template>
   <div class="q-pa-md">
     <q-uploader
-        :on-finish="uploadFinished"
         style="max-width: 400px"
         :url="uploadUrl"
         :label="title"
         accept=".csv,.xlsx"
-        :on-rejected="onRejected"
-        field-name="file"
+        v-on:rejected="onRejected"
+        v-on:uploaded="onUploadFinished"
+        v-on:failed="onFailed"
+        field-name="files"
     ></q-uploader>
   </div>
 
@@ -60,17 +61,15 @@
         message:msg
       });
     }
-interface Props {
-  title: string;
-  uploadUrl:string;
-}
-const props = withDefaults(defineProps<Props>(), {
-  title:"設計書から導入する(csv or excel)",
-  uploadUrl:process.env.KAB_BACKEND_URL
-});
-
-
 
+    interface Props {
+      title: string;
+      uploadUrl:string;
+    }
+    const props = withDefaults(defineProps<Props>(), {
+      title:"設計書から導入する(csv or excel)",
+      uploadUrl: `${process.env.KAB_BACKEND_URL}createappfromexcel`
+    });
 </script>
 <style lang="scss">