From 2a8c991e35a3b6814078bd29abbd4d2ded30cd9f Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Mon, 22 Feb 2021 21:55:43 -0900
Subject: [PATCH] enable relative imports for vue components

---
 frontend/src/components/Admin/Backup/index.vue | 2 +-
 frontend/vue.config.js                         | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Admin/Backup/index.vue b/frontend/src/components/Admin/Backup/index.vue
index 56d2998f6..62b8aa604 100644
--- a/frontend/src/components/Admin/Backup/index.vue
+++ b/frontend/src/components/Admin/Backup/index.vue
@@ -48,7 +48,7 @@
 
 <script>
 import api from "@/api";
-import SuccessFailureAlert from "../../UI/SuccessFailureAlert";
+import SuccessFailureAlert from "@/components/UI/SuccessFailureAlert";
 import ImportSummaryDialog from "./ImportSummaryDialog";
 import UploadBtn from "../../UI/UploadBtn";
 import AvailableBackupCard from "./AvailableBackupCard";
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index d24793322..1507b9431 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,3 +1,4 @@
+const path = require("path");
 module.exports = {
   transpileDependencies: ["vuetify"],
   publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
@@ -18,4 +19,11 @@ module.exports = {
       enableInSFC: true,
     },
   },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        "@": path.resolve("src"),
+      },
+    },
+  },
 };