diff --git a/frontend/quasar.config.js b/frontend/quasar.config.js
index b8fff95..0489f9c 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 {
@@ -108,7 +109,7 @@ module.exports = configure(function (/* ctx */) {
       // directives: [],
 
       // Quasar plugins
-      plugins: []
+      plugins: ['Notify']
     },
 
     // animations: 'all', // --- includes all animations
diff --git a/frontend/src/components/DocUpload.vue b/frontend/src/components/DocUpload.vue
index 41a7e75..a0e1ba8 100644
--- a/frontend/src/components/DocUpload.vue
+++ b/frontend/src/components/DocUpload.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="q-pa-md">
     <q-uploader
-        :on-finish="uploadFinished"
+        v-on:finish="uploadFinished"
         style="max-width: 400px"
         :url="uploadUrl"
         :label="title"
         accept=".csv,.xlsx"
-        :on-rejected="onRejected"
+        v-on:rejected="onRejected"
         field-name="file"
     ></q-uploader>
   </div>
@@ -48,6 +48,7 @@
         message: 'ファイルの読込が完了しました。'
       })
     }
+
 interface Props {
   title: string;
   uploadUrl:string;