diff --git a/package.json b/package.json
index ca5d53b..c2f7305 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.12.2",
+    "axios": "^0.21.1",
     "body-parser": "^1.19.0",
     "bootstrap": "^4.5.2",
     "bootstrap-vue": "^2.17.3",
diff --git a/pages/index.vue b/pages/index.vue
index 753816e..8c11d27 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -25,6 +25,7 @@
 </template>
 
 <script>
+import axios from 'axios'
 export default {
   data() {
     return {
@@ -409,16 +410,16 @@ export default {
   },
   watch: {
     async sourceText(newValue) {
-      this.targetText = await this.$axios.$post("/api/get", {
+      this.targetText = (await axios.post("/api/get", {
         sourceText: newValue,
         selectedLanguage: this.selectedLanguage
-      })
+      })).data
     },
     async selectedLanguage(newValue) {
-      this.targetText = await this.$axios.$post("/api/get", {
+      this.targetText = (await axios.post("/api/get", {
         sourceText: this.sourceText,
         selectedLanguage: newValue
-      })
+      })).data
     }
   }
 }