From 01a8caa0100063c7d3499459e2b2873cba94df4f Mon Sep 17 00:00:00 2001
From: 25Ericcheong <ericcheongkaikit@gmail.com>
Date: Sat, 18 May 2024 18:30:16 +0800
Subject: [PATCH] fix: Attempt to standardize import paths

---
 src/App.vue                               |  4 ++--
 src/components/about-us.vue               |  2 +-
 src/components/header/wrapper-header.vue  |  2 +-
 src/components/menu/drinks-menu-modal.vue |  2 +-
 src/components/menu/menu-items.ts         |  2 +-
 src/components/menu/menu.vue              | 14 +++++++-------
 src/components/nav-bar.vue                |  2 +-
 src/components/our-mentions.vue           |  2 +-
 src/components/product.vue                |  2 +-
 src/router/router.ts                      |  4 ++--
 src/views/home.vue                        | 14 +++++++-------
 src/views/menu.vue                        |  4 ++--
 12 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 82726ed..cd2124e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import NavBar from "./components/nav-bar.vue";
-import "./output.css";
+import NavBar from "@/components/nav-bar.vue";
+import "@/output.css";
 </script>
 
 <template>
diff --git a/src/components/about-us.vue b/src/components/about-us.vue
index f0fa345..d29754d 100644
--- a/src/components/about-us.vue
+++ b/src/components/about-us.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { getImageUrl } from "../util/image";
+import { getImageUrl } from "@/util/image";
 </script>
 
 <template>
diff --git a/src/components/header/wrapper-header.vue b/src/components/header/wrapper-header.vue
index c865b43..8e8ee1f 100644
--- a/src/components/header/wrapper-header.vue
+++ b/src/components/header/wrapper-header.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import MainHeader from "./main-header.vue";
+import MainHeader from "@/components/header/main-header.vue";
 </script>
 
 <template>
diff --git a/src/components/menu/drinks-menu-modal.vue b/src/components/menu/drinks-menu-modal.vue
index e31ecc1..8dfc1da 100644
--- a/src/components/menu/drinks-menu-modal.vue
+++ b/src/components/menu/drinks-menu-modal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { MenuItemType } from "@/components/menu/menu-item-type";
 import { useMenuStore, type CartItemDrinks } from "@/stores/useMenuStore";
 import { computed, ref } from "vue";
-import { MenuItemType } from "./menu-item-type";
 
 const props = defineProps({
   drinksName: { type: String, required: true },
diff --git a/src/components/menu/menu-items.ts b/src/components/menu/menu-items.ts
index f4853e4..fc5d4dc 100644
--- a/src/components/menu/menu-items.ts
+++ b/src/components/menu/menu-items.ts
@@ -1,4 +1,4 @@
-import type { Menu } from "./menu.vue";
+import type { Menu } from "@/components/menu/menu.vue";
 
 export const OAT_MILK = "Oat Milk";
 
diff --git a/src/components/menu/menu.vue b/src/components/menu/menu.vue
index f921107..1c08fa3 100644
--- a/src/components/menu/menu.vue
+++ b/src/components/menu/menu.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
+import BingsuMenuModal from "@/components/menu/bingsu-menu-modal.vue";
+import DrinksMenuModal from "@/components/menu/drinks-menu-modal.vue";
+import { MenuItemType } from "@/components/menu/menu-item-type";
+import { MENU } from "@/components/menu/menu-items";
+import SummaryMenuModal from "@/components/menu/summary-menu-modal.vue";
+import ToppingMenu from "@/components/menu/topping-menu.vue";
+import "@/output.css";
 import { useMenuStore } from "@/stores/useMenuStore";
 import { getImageUrlForMenu } from "@/util/image";
 import { storeToRefs } from "pinia";
 import { computed, ref, watch } from "vue";
-import BingsuMenuModal from "./bingsu-menu-modal.vue";
-import DrinksMenuModal from "./drinks-menu-modal.vue";
-import { MenuItemType } from "./menu-item-type";
-import { MENU } from "./menu-items";
-import SummaryMenuModal from "./summary-menu-modal.vue";
-import ToppingMenu from "./topping-menu.vue";
-import "/src/output.css";
 
 interface MenuItemBase {
   price: number;
diff --git a/src/components/nav-bar.vue b/src/components/nav-bar.vue
index 310d858..c28df67 100644
--- a/src/components/nav-bar.vue
+++ b/src/components/nav-bar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { PATHS } from "@/router/router";
 import { computed, ref, watch } from "vue";
 import { useRoute } from "vue-router";
-import { PATHS } from "../router/router";
 
 const route = useRoute();
 const relativePath = ref(route.path);
diff --git a/src/components/our-mentions.vue b/src/components/our-mentions.vue
index 21981b8..f2b31a2 100644
--- a/src/components/our-mentions.vue
+++ b/src/components/our-mentions.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { getImageUrl } from "@/util/image";
 import { onMounted, ref } from "vue";
-import { getImageUrl } from "../util/image";
 
 const moments = ref<string[]>([
   "A variety of flavour that aren't too sweet - making them perfect",
diff --git a/src/components/product.vue b/src/components/product.vue
index e4cbf52..d99fb3c 100644
--- a/src/components/product.vue
+++ b/src/components/product.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { getImageUrl } from "../util/image";
+import { getImageUrl } from "@/util/image";
 </script>
 
 <template>
diff --git a/src/router/router.ts b/src/router/router.ts
index 50dea9c..c6caef8 100644
--- a/src/router/router.ts
+++ b/src/router/router.ts
@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import Home from "../views/home.vue";
-import Menu from "../views/menu.vue";
+import Home from "@/views/home.vue";
+import Menu from "@/views/menu.vue";
 
 const PATHS = {
   HOME: "/",
diff --git a/src/views/home.vue b/src/views/home.vue
index 36eccac..aa055ad 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import AboutUs from "../components/about-us.vue";
-import Feedback from "../components/feedback.vue";
-import Footer from "../components/footer.vue";
-import LandingPageHeader from "../components/header/wrapper-header.vue";
-import OurMentions from "../components/our-mentions.vue";
-import Product from "../components/product.vue";
+import AboutUs from "@/components/about-us.vue";
+import Feedback from "@/components/feedback.vue";
+import Footer from "@/components/footer.vue";
+import LandingPageHeader from "@/components/header/wrapper-header.vue";
+import OurMentions from "@/components/our-mentions.vue";
+import Product from "@/components/product.vue";
 
-import "../output.css";
+import "@/output.css";
 </script>
 <template>
   <div class="bg-creamwhitebq">
diff --git a/src/views/menu.vue b/src/views/menu.vue
index ade6417..e74efc5 100644
--- a/src/views/menu.vue
+++ b/src/views/menu.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Footer from "../components/footer.vue";
-import Menu from "../components/menu/menu.vue";
+import Footer from "@/components/footer.vue";
+import Menu from "@/components/menu/menu.vue";
 </script>
 <template>
   <div>