diff --git a/frontend/quasar.config.js b/frontend/quasar.config.js
index b998514..fb7b8b0 100644
--- a/frontend/quasar.config.js
+++ b/frontend/quasar.config.js
@@ -12,6 +12,7 @@
 const { configure } = require('quasar/wrappers');
 const dotenv = require('dotenv').config().parsed;
 const package = require('./package.json');
+const { Notify } = require('quasar');
 const version = package.version;
 module.exports = configure(function (/* ctx */) {
   return {
diff --git a/frontend/src/components/DocUpload.vue b/frontend/src/components/DocUpload.vue
index cfede92..4ea5409 100644
--- a/frontend/src/components/DocUpload.vue
+++ b/frontend/src/components/DocUpload.vue
@@ -1,14 +1,13 @@
 <template>
   <div class="q-pa-md">
     <q-uploader
+        :on-finish="uploadFinished"
         style="max-width: 400px"
         :url="uploadUrl"
         :label="title"
         accept=".csv,.xlsx"
-        v-on:rejected="onRejected"
-        v-on:uploaded="onUploadFinished"
-        v-on:failed="onFailed"
-        field-name="files"
+        :on-rejected="onRejected"
+        field-name="file"
     ></q-uploader>
   </div>
 
@@ -61,15 +60,17 @@
         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">