diff --git a/app/components/Modal.vue b/app/components/Modal.vue
index f5c9ab8..2fc3d20 100644
--- a/app/components/Modal.vue
+++ b/app/components/Modal.vue
@@ -62,7 +62,7 @@ const props = defineProps({
   title: String,
 });
 
-const componentFiles = import.meta.glob("@/components/**/*.vue");
+const componentFiles = import.meta.glob("~/components/**/*.vue");
 const resolvedComponent = shallowRef(null);
 
 function loadDynamicComponent() {
diff --git a/app/components/SearchBox.vue b/app/components/SearchBox.vue
index 9e3bfdb..afca68b 100644
--- a/app/components/SearchBox.vue
+++ b/app/components/SearchBox.vue
@@ -136,7 +136,7 @@
 </template>
 
 <script setup>
-import ScrollBox from "@/components/datatable/ScrollBox.vue";
+import ScrollBox from "~/components/datatable/ScrollBox.vue";
 import { debounce } from "es-toolkit";
 
 const props = defineProps({
diff --git a/app/components/TopMenu.vue b/app/components/TopMenu.vue
index cf4471a..39c855f 100644
--- a/app/components/TopMenu.vue
+++ b/app/components/TopMenu.vue
@@ -121,7 +121,7 @@
   </nav>
 </template>
 <script setup>
-import Avatarbox from "@/components/common/Avatarbox.vue";
+import Avatarbox from "~/components/common/Avatarbox.vue";
 import { watch } from "vue";
 const router = useRouter();
 const route = useRoute();
diff --git a/app/components/common/CountdownTimer.vue b/app/components/common/CountdownTimer.vue
index ab2d041..92b57d3 100644
--- a/app/components/common/CountdownTimer.vue
+++ b/app/components/common/CountdownTimer.vue
@@ -19,7 +19,7 @@
 
 <script setup>
 import { ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 const props = defineProps({
   dateValue: {
diff --git a/app/components/common/QRcode.vue b/app/components/common/QRcode.vue
index fcfc9da..4bd8b39 100644
--- a/app/components/common/QRcode.vue
+++ b/app/components/common/QRcode.vue
@@ -59,7 +59,7 @@
 </template>
 <script setup>
 import { computed } from "vue";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 const store = useStore();
 const isVietnamese = computed(() => store.lang === "vi");
diff --git a/app/components/customer/Company.vue b/app/components/customer/Company.vue
index 97d29cd..b0db7fb 100644
--- a/app/components/customer/Company.vue
+++ b/app/components/customer/Company.vue
@@ -199,7 +199,7 @@
 import InputPhone from "~/components/common/InputPhone";
 import InputEmail from "~/components/common/InputEmail";
 import SearchBox from "~/components/SearchBox";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 var props = defineProps({
   pagename: String,
   row: Object,
diff --git a/app/components/customer/Customer.vue b/app/components/customer/Customer.vue
index 9a24c9c..6275954 100644
--- a/app/components/customer/Customer.vue
+++ b/app/components/customer/Customer.vue
@@ -73,8 +73,8 @@ import { useNuxtApp } from "#app";
 import CustomerForm from "~/components/customer/CustomerForm.vue";
 import CustomerView from "~/components/customer/CustomerView.vue";
 import Modal from "~/components/Modal.vue";
-import { useStore } from "@/stores/index";
-import ImageGallery from "@/components/media/ImageGallery.vue";
+import { useStore } from "~/stores/index";
+import ImageGallery from "~/components/media/ImageGallery.vue";
 const nuxtApp = useNuxtApp();
 const { $dialog } = nuxtApp;
 
diff --git a/app/components/customer/CustomerForm.vue b/app/components/customer/CustomerForm.vue
index 32d1a14..671b722 100644
--- a/app/components/customer/CustomerForm.vue
+++ b/app/components/customer/CustomerForm.vue
@@ -394,11 +394,11 @@
 <script setup>
 import { ref, computed, onMounted, watch } from "vue";
 import { useNuxtApp } from "#app";
-import InputPhone from "@/components/common/InputPhone";
-import InputEmail from "@/components/common/InputEmail";
-import SearchBox from "@/components/SearchBox";
-import Datepicker from "@/components/datepicker/Datepicker";
-import { useStore } from "@/stores/index";
+import InputPhone from "~/components/common/InputPhone";
+import InputEmail from "~/components/common/InputEmail";
+import SearchBox from "~/components/SearchBox";
+import Datepicker from "~/components/datepicker/Datepicker";
+import { useStore } from "~/stores/index";
 import { isEqual, pick } from "es-toolkit";
 
 const emit = defineEmits(["close", "update", "modalevent"]);
diff --git a/app/components/customer/CustomerQuickAdd.vue b/app/components/customer/CustomerQuickAdd.vue
index f270ac8..65f82ae 100644
--- a/app/components/customer/CustomerQuickAdd.vue
+++ b/app/components/customer/CustomerQuickAdd.vue
@@ -96,8 +96,8 @@
 
 <script setup>
 import { ref, computed } from "vue";
-import InputPhone from "@/components/common/InputPhone.vue";
-import InputEmail from "@/components/common/InputEmail.vue";
+import InputPhone from "~/components/common/InputPhone.vue";
+import InputEmail from "~/components/common/InputEmail.vue";
 import { useStore } from "~/stores/index";
 import { isNotNil, pickBy } from "es-toolkit";
 
diff --git a/app/components/customer/CustomerTypeSelector.vue b/app/components/customer/CustomerTypeSelector.vue
index ff51463..4a2d00c 100644
--- a/app/components/customer/CustomerTypeSelector.vue
+++ b/app/components/customer/CustomerTypeSelector.vue
@@ -42,7 +42,7 @@
 
 <script setup>
 import { computed } from "vue";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 const store = useStore();
 const lang = computed(() => store.lang);
diff --git a/app/components/customer/CustomerView.vue b/app/components/customer/CustomerView.vue
index 15ab255..5edb16c 100644
--- a/app/components/customer/CustomerView.vue
+++ b/app/components/customer/CustomerView.vue
@@ -296,7 +296,7 @@
   </div>
 </template>
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 export default {
   setup() {
     const store = useStore();
diff --git a/app/components/dashboard/Dashboard.vue b/app/components/dashboard/Dashboard.vue
index 7ee3ed4..2ec18be 100644
--- a/app/components/dashboard/Dashboard.vue
+++ b/app/components/dashboard/Dashboard.vue
@@ -1,11 +1,11 @@
 <script setup>
-import DashboardHighlightCard from "@/components/dashboard/DashboardHighlightCard.vue";
-import Delivery from "@/components/dashboard/Delivery.vue";
-import OrderStatus from "@/components/dashboard/OrderStatus.vue";
-import RevenueChart from "@/components/dashboard/RevenueChart.vue";
-import TopCustomers from "@/components/dashboard/TopCustomers.vue";
-import TopProducts from "@/components/dashboard/TopProducts.vue";
-import Warnings from "@/components/dashboard/Warnings.vue";
+import DashboardHighlightCard from "~/components/dashboard/DashboardHighlightCard.vue";
+import Delivery from "~/components/dashboard/Delivery.vue";
+import OrderStatus from "~/components/dashboard/OrderStatus.vue";
+import RevenueChart from "~/components/dashboard/RevenueChart.vue";
+import TopCustomers from "~/components/dashboard/TopCustomers.vue";
+import TopProducts from "~/components/dashboard/TopProducts.vue";
+import Warnings from "~/components/dashboard/Warnings.vue";
 
 const highlights = [
   {
diff --git a/app/components/dashboard/Delivery.vue b/app/components/dashboard/Delivery.vue
index 6339e14..3ea6f6a 100644
--- a/app/components/dashboard/Delivery.vue
+++ b/app/components/dashboard/Delivery.vue
@@ -1,6 +1,6 @@
 <script setup>
-import DeliveryInteractive from "@/components/dashboard/DeliveryInteractive.vue";
-import Driver from "@/components/dashboard/Driver.vue";
+import DeliveryInteractive from "~/components/dashboard/DeliveryInteractive.vue";
+import Driver from "~/components/dashboard/Driver.vue";
 
 const drivers = [
   {
diff --git a/app/components/dashboard/Driver.vue b/app/components/dashboard/Driver.vue
index 4addf55..b33155c 100644
--- a/app/components/dashboard/Driver.vue
+++ b/app/components/dashboard/Driver.vue
@@ -1,5 +1,5 @@
 <script setup>
-import AvatarBox from "@/components/dashboard/AvatarBox.vue";
+import AvatarBox from "~/components/dashboard/AvatarBox.vue";
 
 const props = defineProps({
   name: String,
diff --git a/app/components/dashboard/OrderStatus.vue b/app/components/dashboard/OrderStatus.vue
index 8d5afb7..9210a21 100644
--- a/app/components/dashboard/OrderStatus.vue
+++ b/app/components/dashboard/OrderStatus.vue
@@ -1,5 +1,5 @@
 <script setup>
-import OrderStatusCard from "@/components/dashboard/OrderStatusCard.vue";
+import OrderStatusCard from "~/components/dashboard/OrderStatusCard.vue";
 
 const statuses = [
   {
diff --git a/app/components/dashboard/TopCustomer.vue b/app/components/dashboard/TopCustomer.vue
index c546bb5..29d14be 100644
--- a/app/components/dashboard/TopCustomer.vue
+++ b/app/components/dashboard/TopCustomer.vue
@@ -1,5 +1,5 @@
 <script setup>
-import AvatarBox from "@/components/dashboard/AvatarBox.vue";
+import AvatarBox from "~/components/dashboard/AvatarBox.vue";
 
 const props = defineProps({
   name: String,
diff --git a/app/components/dashboard/TopCustomers.vue b/app/components/dashboard/TopCustomers.vue
index 7f86482..0522266 100644
--- a/app/components/dashboard/TopCustomers.vue
+++ b/app/components/dashboard/TopCustomers.vue
@@ -1,5 +1,5 @@
 <script setup>
-import TopCustomer from "@/components/dashboard/TopCustomer.vue";
+import TopCustomer from "~/components/dashboard/TopCustomer.vue";
 
 const customers = [
   {
diff --git a/app/components/dashboard/TopProducts.vue b/app/components/dashboard/TopProducts.vue
index 1d2ea48..ac3b190 100644
--- a/app/components/dashboard/TopProducts.vue
+++ b/app/components/dashboard/TopProducts.vue
@@ -1,5 +1,5 @@
 <script setup>
-import TopProduct from "@/components/dashboard/TopProduct.vue";
+import TopProduct from "~/components/dashboard/TopProduct.vue";
 
 const products = [
   {
diff --git a/app/components/dashboard/Warnings.vue b/app/components/dashboard/Warnings.vue
index b233576..182f9ee 100644
--- a/app/components/dashboard/Warnings.vue
+++ b/app/components/dashboard/Warnings.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Warning from "@/components/dashboard/Warning.vue";
+import Warning from "~/components/dashboard/Warning.vue";
 
 const warnings = [
   {
diff --git a/app/components/datatable/ContextMenu.vue b/app/components/datatable/ContextMenu.vue
index d4cda07..1b0f146 100644
--- a/app/components/datatable/ContextMenu.vue
+++ b/app/components/datatable/ContextMenu.vue
@@ -427,8 +427,8 @@
   />
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
-import ScrollBox from "@/components/datatable/ScrollBox.vue";
+import { useStore } from "~/stores/index";
+import ScrollBox from "~/components/datatable/ScrollBox.vue";
 
 const props = defineProps({
   pagename: String,
diff --git a/app/components/datatable/CreateTemplate.vue b/app/components/datatable/CreateTemplate.vue
index 4865ee4..1895c47 100644
--- a/app/components/datatable/CreateTemplate.vue
+++ b/app/components/datatable/CreateTemplate.vue
@@ -445,7 +445,7 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const store = useStore();
 const { $id, $copy, $empty, $stripHtml, $calc, $remove, $copyToClipboard } = useNuxtApp();
 var props = defineProps({
diff --git a/app/components/datatable/DataModel.vue b/app/components/datatable/DataModel.vue
index 55df497..33bf547 100644
--- a/app/components/datatable/DataModel.vue
+++ b/app/components/datatable/DataModel.vue
@@ -171,7 +171,7 @@
   ></Modal>
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const {
   $getdata,
   $getapi,
diff --git a/app/components/datatable/FormatOption.vue b/app/components/datatable/FormatOption.vue
index 5e50168..cefe7e6 100644
--- a/app/components/datatable/FormatOption.vue
+++ b/app/components/datatable/FormatOption.vue
@@ -230,9 +230,9 @@
   </CreateTemplate>
 </template>
 <script setup>
-// FilterOption: () => import("@/components/datatable/FilterOption"),
-// TableOption: () => import("@/components/datatable/TableOption"),
-// CreateTemplate: () => import("@/components/datatable/CreateTemplate")
+// FilterOption: () => import("~/components/datatable/FilterOption"),
+// TableOption: () => import("~/components/datatable/TableOption"),
+// CreateTemplate: () => import("~/components/datatable/CreateTemplate")
 import CreateTemplate from "~/components/datatable/CreateTemplate";
 const { $id, $copy, $empty, $stripHtml } = useNuxtApp();
 var props = defineProps({
diff --git a/app/components/datatable/MenuSave.vue b/app/components/datatable/MenuSave.vue
index 87bdd91..510072c 100644
--- a/app/components/datatable/MenuSave.vue
+++ b/app/components/datatable/MenuSave.vue
@@ -109,7 +109,7 @@
 </template>
 <script setup>
 import { ref } from "vue";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 const emit = defineEmits(["modalevent", "close"]);
 const store = useStore();
diff --git a/app/components/datatable/ModelInfo.vue b/app/components/datatable/ModelInfo.vue
index c2b5afc..b174f10 100644
--- a/app/components/datatable/ModelInfo.vue
+++ b/app/components/datatable/ModelInfo.vue
@@ -111,7 +111,7 @@
   ></Modal>
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 var props = defineProps({
   data: Array,
   info: Object,
diff --git a/app/components/datatable/NewField.vue b/app/components/datatable/NewField.vue
index 241ad19..c75fcba 100644
--- a/app/components/datatable/NewField.vue
+++ b/app/components/datatable/NewField.vue
@@ -257,7 +257,7 @@
   />
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const emit = defineEmits(["modalevent"]);
 const store = useStore();
 const { $id, $copy, $clone, $empty, $stripHtml, $createField, $calc, $isNumber } = useNuxtApp();
diff --git a/app/components/datatable/TableOption.vue b/app/components/datatable/TableOption.vue
index ad4977e..46aced2 100644
--- a/app/components/datatable/TableOption.vue
+++ b/app/components/datatable/TableOption.vue
@@ -77,7 +77,7 @@
   ></Modal>
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const emit = defineEmits(["close"]);
 const { $stripHtml, $clone, $arrayMove, $remove } = useNuxtApp();
 const store = useStore();
diff --git a/app/components/datatable/TimeOption.vue b/app/components/datatable/TimeOption.vue
index ffcee14..87e850f 100644
--- a/app/components/datatable/TimeOption.vue
+++ b/app/components/datatable/TimeOption.vue
@@ -163,7 +163,7 @@
 </template>
 
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 export default {
   setup() {
diff --git a/app/components/datepicker/Datepicker.vue b/app/components/datepicker/Datepicker.vue
index f499917..9e5face 100644
--- a/app/components/datepicker/Datepicker.vue
+++ b/app/components/datepicker/Datepicker.vue
@@ -41,7 +41,7 @@
   </div>
 </template>
 <script setup>
-import PickDay from "@/components/datepicker/PickDay.vue";
+import PickDay from "~/components/datepicker/PickDay.vue";
 
 const props = defineProps({
   record: Object,
diff --git a/app/components/datepicker/EventMultiMonth.vue b/app/components/datepicker/EventMultiMonth.vue
index 850d881..0144f2f 100644
--- a/app/components/datepicker/EventMultiMonth.vue
+++ b/app/components/datepicker/EventMultiMonth.vue
@@ -18,11 +18,11 @@
   </div>
 </template>
 <script>
-import EventSummary from "@/components/datepicker/EventSummary";
+import EventSummary from "~/components/datepicker/EventSummary";
 export default {
   components: {
     EventSummary,
-    //EventSummary: () => import('@/components/datepicker/EventSummary')
+    //EventSummary: () => import('~/components/datepicker/EventSummary')
   },
   props: ["events", "months"],
 };
diff --git a/app/components/datepicker/EventOneMonth.vue b/app/components/datepicker/EventOneMonth.vue
index 0ff6d6c..5bf2aef 100644
--- a/app/components/datepicker/EventOneMonth.vue
+++ b/app/components/datepicker/EventOneMonth.vue
@@ -26,8 +26,8 @@
   </div>
 </template>
 <script setup>
-import EventSummary from "@/components/datepicker/EventSummary";
-import EventDetail from "@/components/datepicker/EventDetail";
+import EventSummary from "~/components/datepicker/EventSummary";
+import EventDetail from "~/components/datepicker/EventDetail";
 </script>
 <script>
 export default {
diff --git a/app/components/datepicker/EventSummary.vue b/app/components/datepicker/EventSummary.vue
index 42f2ba8..3d48d64 100644
--- a/app/components/datepicker/EventSummary.vue
+++ b/app/components/datepicker/EventSummary.vue
@@ -111,8 +111,8 @@
 <script>
 export default {
   components: {
-    PickMonth: () => import("@/components/datepicker/PickMonth"),
-    PickYear: () => import("@/components/datepicker/PickYear"),
+    PickMonth: () => import("~/components/datepicker/PickMonth"),
+    PickYear: () => import("~/components/datepicker/PickYear"),
   },
   props: ["date", "events", "mode", "vyear", "vmonth"],
   data() {
diff --git a/app/components/datepicker/PickDay.vue b/app/components/datepicker/PickDay.vue
index 3777177..cf6a24b 100644
--- a/app/components/datepicker/PickDay.vue
+++ b/app/components/datepicker/PickDay.vue
@@ -139,8 +139,8 @@
   </div>
 </template>
 <script setup>
-import PickMonth from "@/components/datepicker/PickMonth.vue";
-import PickYear from "@/components/datepicker/PickYear.vue";
+import PickMonth from "~/components/datepicker/PickMonth.vue";
+import PickYear from "~/components/datepicker/PickYear.vue";
 
 const { $id, $dayjs, $unique } = useNuxtApp();
 const emit = defineEmits(["date"]);
diff --git a/app/components/dialog/Confirm.vue b/app/components/dialog/Confirm.vue
index e28dfa9..da1dff4 100644
--- a/app/components/dialog/Confirm.vue
+++ b/app/components/dialog/Confirm.vue
@@ -32,7 +32,7 @@
   </div>
 </template>
 <script setup>
-import CountDown from "@/components/dialog/CountDown.vue";
+import CountDown from "~/components/dialog/CountDown.vue";
 
 const props = defineProps({
   content: String,
diff --git a/app/components/dialog/NoteInput.vue b/app/components/dialog/NoteInput.vue
index e257bf4..6cbd89d 100644
--- a/app/components/dialog/NoteInput.vue
+++ b/app/components/dialog/NoteInput.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 export default {
   props: {
diff --git a/app/components/imports/AddProduct.vue b/app/components/imports/AddProduct.vue
index 2da8bb0..8c2b7cb 100644
--- a/app/components/imports/AddProduct.vue
+++ b/app/components/imports/AddProduct.vue
@@ -1,6 +1,6 @@
 <script setup>
-import ProductForm from "@/components/imports/ProductForm.vue";
-import ProductVariantFormNew from "@/components/imports/ProductVariantFormNew.vue";
+import ProductForm from "~/components/imports/ProductForm.vue";
+import ProductVariantFormNew from "~/components/imports/ProductVariantFormNew.vue";
 
 const menus = [
   {
diff --git a/app/components/imports/AddProductVariant.vue b/app/components/imports/AddProductVariant.vue
index 3c20a97..5218947 100644
--- a/app/components/imports/AddProductVariant.vue
+++ b/app/components/imports/AddProductVariant.vue
@@ -1,6 +1,6 @@
 <script setup>
-import DataView from "@/components/datatable/DataView.vue";
-import ProductVariantForm from "@/components/imports/ProductVariantForm.vue";
+import DataView from "~/components/datatable/DataView.vue";
+import ProductVariantForm from "~/components/imports/ProductVariantForm.vue";
 const product = ref();
 const key = ref(0);
 watch(product, () => {
diff --git a/app/components/imports/DeleteProduct.vue b/app/components/imports/DeleteProduct.vue
index 78ff887..8db9f5a 100644
--- a/app/components/imports/DeleteProduct.vue
+++ b/app/components/imports/DeleteProduct.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Modal from "@/components/Modal.vue";
+import Modal from "~/components/Modal.vue";
 
 const props = defineProps({
   product: Object,
diff --git a/app/components/imports/DeleteProductVariant.vue b/app/components/imports/DeleteProductVariant.vue
index 1f979ef..db2b240 100644
--- a/app/components/imports/DeleteProductVariant.vue
+++ b/app/components/imports/DeleteProductVariant.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Modal from "@/components/Modal.vue";
+import Modal from "~/components/Modal.vue";
 
 const props = defineProps({
   variant: Object,
diff --git a/app/components/imports/EditProduct.vue b/app/components/imports/EditProduct.vue
index 9bd1f4e..1bb5d0d 100644
--- a/app/components/imports/EditProduct.vue
+++ b/app/components/imports/EditProduct.vue
@@ -1,6 +1,6 @@
 <script setup>
-import ProductForm from "@/components/imports/ProductForm.vue";
-import ProductVariantForm from "@/components/imports/ProductVariantForm.vue";
+import ProductForm from "~/components/imports/ProductForm.vue";
+import ProductVariantForm from "~/components/imports/ProductVariantForm.vue";
 
 const props = defineProps({
   variant: Object,
diff --git a/app/components/imports/IMEIs.vue b/app/components/imports/IMEIs.vue
index 40231f5..4317991 100644
--- a/app/components/imports/IMEIs.vue
+++ b/app/components/imports/IMEIs.vue
@@ -1,7 +1,7 @@
 <script setup>
-import DataView from "@/components/datatable/DataView.vue";
-import AddIMEIForm from "@/components/imports/AddIMEIForm.vue";
-import ImportData from "@/components/parameter/ImportData.vue";
+import DataView from "~/components/datatable/DataView.vue";
+import AddIMEIForm from "~/components/imports/AddIMEIForm.vue";
+import ImportData from "~/components/parameter/ImportData.vue";
 
 const props = defineProps({
   variant: Object,
diff --git a/app/components/imports/Imports.vue b/app/components/imports/Imports.vue
index 7f29009..ae5352c 100644
--- a/app/components/imports/Imports.vue
+++ b/app/components/imports/Imports.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Products from "@/components/imports/Products.vue";
+import Products from "~/components/imports/Products.vue";
 </script>
 <template>
   <div class="fixed-grid has-12-cols">
diff --git a/app/components/imports/ProductVariantForm.vue b/app/components/imports/ProductVariantForm.vue
index d5c310e..9479341 100644
--- a/app/components/imports/ProductVariantForm.vue
+++ b/app/components/imports/ProductVariantForm.vue
@@ -1,6 +1,6 @@
 <script setup>
-import InputNumber from "@/components/common/InputNumber.vue";
-import FileUpload from "@/components/media/FileUpload.vue";
+import InputNumber from "~/components/common/InputNumber.vue";
+import FileUpload from "~/components/media/FileUpload.vue";
 import { isEqual, omitBy } from "es-toolkit";
 
 const props = defineProps({
diff --git a/app/components/imports/ProductVariantFormNew.vue b/app/components/imports/ProductVariantFormNew.vue
index f867cdd..6f153a2 100644
--- a/app/components/imports/ProductVariantFormNew.vue
+++ b/app/components/imports/ProductVariantFormNew.vue
@@ -1,6 +1,6 @@
 <script setup>
-import InputNumber from "@/components/common/InputNumber.vue";
-import FileUpload from "@/components/media/FileUpload.vue";
+import InputNumber from "~/components/common/InputNumber.vue";
+import FileUpload from "~/components/media/FileUpload.vue";
 import { isEqual, omitBy } from "es-toolkit";
 
 const emit = defineEmits(["created"]);
diff --git a/app/components/imports/Products.vue b/app/components/imports/Products.vue
index 3cfbd5e..93f1e56 100644
--- a/app/components/imports/Products.vue
+++ b/app/components/imports/Products.vue
@@ -1,5 +1,5 @@
 <script setup>
-import DataView from "@/components/datatable/DataView.vue";
+import DataView from "~/components/datatable/DataView.vue";
 </script>
 
 <template>
diff --git a/app/components/imports/addons/AddInternalStorage.vue b/app/components/imports/addons/AddInternalStorage.vue
index aeb7c4b..8a58ca3 100644
--- a/app/components/imports/addons/AddInternalStorage.vue
+++ b/app/components/imports/addons/AddInternalStorage.vue
@@ -1,5 +1,5 @@
 <script setup>
-import InputNumber from "@/components/common/InputNumber.vue";
+import InputNumber from "~/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
diff --git a/app/components/imports/addons/AddRAM.vue b/app/components/imports/addons/AddRAM.vue
index 8890751..d582495 100644
--- a/app/components/imports/addons/AddRAM.vue
+++ b/app/components/imports/addons/AddRAM.vue
@@ -1,5 +1,5 @@
 <script setup>
-import InputNumber from "@/components/common/InputNumber.vue";
+import InputNumber from "~/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
diff --git a/app/components/imports/addons/AddSIM.vue b/app/components/imports/addons/AddSIM.vue
index 6c6a5c8..1431014 100644
--- a/app/components/imports/addons/AddSIM.vue
+++ b/app/components/imports/addons/AddSIM.vue
@@ -1,5 +1,5 @@
 <script setup>
-import InputNumber from "@/components/common/InputNumber.vue";
+import InputNumber from "~/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
diff --git a/app/components/inventory/Inventory.vue b/app/components/inventory/Inventory.vue
index 204c808..72eb6b0 100644
--- a/app/components/inventory/Inventory.vue
+++ b/app/components/inventory/Inventory.vue
@@ -1,6 +1,6 @@
 <script setup>
-import InventoryHighlightCard from "@/components/inventory/InventoryHighlightCard.vue";
-import InventoryTable from "@/components/inventory/InventoryTable.vue";
+import InventoryHighlightCard from "~/components/inventory/InventoryHighlightCard.vue";
+import InventoryTable from "~/components/inventory/InventoryTable.vue";
 
 const { $store } = useNuxtApp();
 const inventoryHighlights = [
diff --git a/app/components/inventory/InventoryTable.vue b/app/components/inventory/InventoryTable.vue
index 861df32..3a99cd7 100644
--- a/app/components/inventory/InventoryTable.vue
+++ b/app/components/inventory/InventoryTable.vue
@@ -1,6 +1,6 @@
 <script setup>
-import InventoryRow from "@/components/inventory/InventoryRow.vue";
-import SelectedInvItem from "@/components/inventory/SelectedInvItem.vue";
+import InventoryRow from "~/components/inventory/InventoryRow.vue";
+import SelectedInvItem from "~/components/inventory/SelectedInvItem.vue";
 
 const invItems = [
   {
diff --git a/app/components/marketing/email/Email.vue b/app/components/marketing/email/Email.vue
index 4235acb..e89bf55 100644
--- a/app/components/marketing/email/Email.vue
+++ b/app/components/marketing/email/Email.vue
@@ -187,10 +187,10 @@
 import { useNuxtApp } from "nuxt/app";
 import { ref, computed, onMounted, watch, markRaw } from "vue";
 import EmailForm1 from "./forms/EmailForm1.vue";
-import Template1 from "@/lib/email/templates/Template1.vue";
-import Modal from "@/components/Modal.vue";
-import MappingConfigurator from "@/components/marketing/email/MappingConfigurator.vue";
-import JobConfigurator from "@/components/marketing/email/JobConfigurator.vue";
+import Template1 from "~/lib/email/templates/Template1.vue";
+import Modal from "~/components/Modal.vue";
+import MappingConfigurator from "~/components/marketing/email/MappingConfigurator.vue";
+import JobConfigurator from "~/components/marketing/email/JobConfigurator.vue";
 
 const nuxtApp = useNuxtApp();
 const $snackbar = nuxtApp.$snackbar as (message?: string) => void;
diff --git a/app/components/marketing/email/JobConfigurator.vue b/app/components/marketing/email/JobConfigurator.vue
index 102188b..2644e01 100644
--- a/app/components/marketing/email/JobConfigurator.vue
+++ b/app/components/marketing/email/JobConfigurator.vue
@@ -186,7 +186,7 @@
 import { ref, watch, onMounted } from "vue";
 import axios from "axios";
 import { useNuxtApp } from "nuxt/app";
-import { apiUrl, putApiUrl } from "@/components/marketing/email/Email.utils";
+import { apiUrl, putApiUrl } from "~/components/marketing/email/Email.utils";
 
 const props = defineProps({
   templateId: {
diff --git a/app/components/marketing/email/dataGmail/EmailSent.vue b/app/components/marketing/email/dataGmail/EmailSent.vue
index 4e47b76..de18350 100644
--- a/app/components/marketing/email/dataGmail/EmailSent.vue
+++ b/app/components/marketing/email/dataGmail/EmailSent.vue
@@ -251,7 +251,7 @@
 import { ref, onMounted } from "vue";
 import axios from "axios";
 import { useNuxtApp } from "nuxt/app";
-import { apiUrl } from "@/components/marketing/email/Email.utils";
+import { apiUrl } from "~/components/marketing/email/Email.utils";
 import type dayjs from "dayjs";
 
 interface EmailSent {
diff --git a/app/components/marketing/email/dataGmail/SaveListGmail.vue b/app/components/marketing/email/dataGmail/SaveListGmail.vue
index 8912b5e..bbfbfb0 100644
--- a/app/components/marketing/email/dataGmail/SaveListGmail.vue
+++ b/app/components/marketing/email/dataGmail/SaveListGmail.vue
@@ -96,7 +96,7 @@
 import { ref, computed, watch, nextTick } from "vue";
 import axios from "axios";
 import { useNuxtApp } from "nuxt/app";
-import { apiUrl, putApiUrl } from "@/components/marketing/email/Email.utils";
+import { apiUrl, putApiUrl } from "~/components/marketing/email/Email.utils";
 
 interface DataEmail {
   id?: number;
diff --git a/app/components/marketing/email/forms/EmailForm1.vue b/app/components/marketing/email/forms/EmailForm1.vue
index 31266bd..fe4fffd 100644
--- a/app/components/marketing/email/forms/EmailForm1.vue
+++ b/app/components/marketing/email/forms/EmailForm1.vue
@@ -261,10 +261,10 @@ const $getEditRights = nuxtApp.$getEditRights as () => boolean;
 import { ref, watch, nextTick } from "vue";
 
 import axios from "axios";
-import Modal from "@/components/Modal.vue";
-import Template1 from "@/lib/email/templates/Template1.vue";
-import SvgIcon from "@/components/SvgIcon.vue";
-import Editor from "@/components/common/Editor.vue";
+import Modal from "~/components/Modal.vue";
+import Template1 from "~/lib/email/templates/Template1.vue";
+import SvgIcon from "~/components/SvgIcon.vue";
+import Editor from "~/components/common/Editor.vue";
 
 const apiUrl = `${$getpath()}data`;
 const sendEmailUrl = `${$getpath()}send-email`;
diff --git a/app/components/marketing/email/viewEmail/ViewEmail.vue b/app/components/marketing/email/viewEmail/ViewEmail.vue
index ae91d2b..30862de 100644
--- a/app/components/marketing/email/viewEmail/ViewEmail.vue
+++ b/app/components/marketing/email/viewEmail/ViewEmail.vue
@@ -24,7 +24,7 @@
 import { ref, computed } from "vue";
 import { render } from "@vue-email/render";
 
-import Template1 from "@/lib/email/templates/Template1.vue";
+import Template1 from "~/lib/email/templates/Template1.vue";
 
 const {
   $insertapi,
diff --git a/app/components/media/ImageCard.vue b/app/components/media/ImageCard.vue
index 79ef8a3..4040c38 100644
--- a/app/components/media/ImageCard.vue
+++ b/app/components/media/ImageCard.vue
@@ -1,5 +1,5 @@
 <script setup>
-import FileActions from "@/components/media/FileActions.vue";
+import FileActions from "~/components/media/FileActions.vue";
 
 const props = defineProps({
   image: Object,
diff --git a/app/components/media/ImageGallery.vue b/app/components/media/ImageGallery.vue
index 7c4f521..974dbc1 100644
--- a/app/components/media/ImageGallery.vue
+++ b/app/components/media/ImageGallery.vue
@@ -44,7 +44,7 @@
   </div>
 </template>
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 export default {
   setup() {
diff --git a/app/components/media/ImageLayout.vue b/app/components/media/ImageLayout.vue
index 4e305d5..eedf3ef 100644
--- a/app/components/media/ImageLayout.vue
+++ b/app/components/media/ImageLayout.vue
@@ -188,8 +188,8 @@
 import { ref } from "vue";
 import { debounce } from "es-toolkit";
 import { useNuxtApp } from "#app";
-import FileUpload from "@/components/media/FileUpload.vue";
-import ImageCard from "@/components/media/ImageCard.vue";
+import FileUpload from "~/components/media/FileUpload.vue";
+import ImageCard from "~/components/media/ImageCard.vue";
 
 // pass only projectId for project images, pass both for product images
 const props = defineProps({
diff --git a/app/components/menu/MenuAdd.vue b/app/components/menu/MenuAdd.vue
index 909487b..3ee30d6 100644
--- a/app/components/menu/MenuAdd.vue
+++ b/app/components/menu/MenuAdd.vue
@@ -15,7 +15,7 @@
   </a>
 </template>
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 export default {
   setup() {
     const store = useStore();
diff --git a/app/components/menu/MenuApp.vue b/app/components/menu/MenuApp.vue
index 0735003..eb0edb2 100644
--- a/app/components/menu/MenuApp.vue
+++ b/app/components/menu/MenuApp.vue
@@ -6,7 +6,7 @@
   >
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const store = useStore();
 const emit = defineEmits(["clickevent"]);
 const props = defineProps({
diff --git a/app/components/menu/MenuCollab.vue b/app/components/menu/MenuCollab.vue
index 2cdea42..6c8eccc 100644
--- a/app/components/menu/MenuCollab.vue
+++ b/app/components/menu/MenuCollab.vue
@@ -6,7 +6,7 @@
   >
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const store = useStore();
 const { $getdata } = useNuxtApp();
 
diff --git a/app/components/menu/MenuCust.vue b/app/components/menu/MenuCust.vue
index f17c7bb..4154083 100644
--- a/app/components/menu/MenuCust.vue
+++ b/app/components/menu/MenuCust.vue
@@ -6,7 +6,7 @@
   >
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const store = useStore();
 const emit = defineEmits(["clickevent"]);
 const props = defineProps({
diff --git a/app/components/menu/MenuNote.vue b/app/components/menu/MenuNote.vue
index 21c5186..fe81c2f 100644
--- a/app/components/menu/MenuNote.vue
+++ b/app/components/menu/MenuNote.vue
@@ -20,7 +20,7 @@
   </a>
 </template>
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 export default {
   setup() {
     const store = useStore();
diff --git a/app/components/menu/MenuParam.vue b/app/components/menu/MenuParam.vue
index 40b1b1e..4777077 100644
--- a/app/components/menu/MenuParam.vue
+++ b/app/components/menu/MenuParam.vue
@@ -12,7 +12,7 @@
   >
 </template>
 <script setup>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 const store = useStore();
 const emit = defineEmits(["clickevent"]);
 const props = defineProps({
diff --git a/app/components/modal/InternalEntry.vue b/app/components/modal/InternalEntry.vue
index 625e6a5..e4b36b2 100644
--- a/app/components/modal/InternalEntry.vue
+++ b/app/components/modal/InternalEntry.vue
@@ -239,7 +239,7 @@
 </template>
 
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 
 export default {
   setup() {
diff --git a/app/components/modal/UserMainTab.vue b/app/components/modal/UserMainTab.vue
index 6f1f1af..10fe432 100644
--- a/app/components/modal/UserMainTab.vue
+++ b/app/components/modal/UserMainTab.vue
@@ -42,7 +42,7 @@
 
 <script setup>
 import { ref, computed, defineAsyncComponent, watch } from "vue";
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 import { useNuxtApp } from "#app";
 
 const props = defineProps({
@@ -69,7 +69,7 @@ const tabsArray = computed(() => {
   return [];
 });
 
-const modules = import.meta.glob("@/components/**/*.vue");
+const modules = import.meta.glob("~/components/**/*.vue");
 function getComponent(path) {
   if (!path || typeof path !== "string" || !path.includes("/")) return null;
   const moduleKey = Object.keys(modules).find((key) => key.endsWith(`${path}.vue`));
diff --git a/app/components/orders/OrderPipeline.vue b/app/components/orders/OrderPipeline.vue
index 77ce001..9735e36 100644
--- a/app/components/orders/OrderPipeline.vue
+++ b/app/components/orders/OrderPipeline.vue
@@ -1,5 +1,5 @@
 <script setup>
-import PipelinePhase from "@/components/orders/PipelinePhase.vue";
+import PipelinePhase from "~/components/orders/PipelinePhase.vue";
 
 const phases = [
   {
diff --git a/app/components/orders/Orders.vue b/app/components/orders/Orders.vue
index e7c90a6..91819a6 100644
--- a/app/components/orders/Orders.vue
+++ b/app/components/orders/Orders.vue
@@ -1,7 +1,7 @@
 <script setup>
-import OrderHighlightCard from "@/components/orders/OrderHighlightCard.vue";
-import OrderPipeline from "@/components/orders/OrderPipeline.vue";
-import OrdersTable from "@/components/orders/OrdersTable.vue";
+import OrderHighlightCard from "~/components/orders/OrderHighlightCard.vue";
+import OrderPipeline from "~/components/orders/OrderPipeline.vue";
+import OrdersTable from "~/components/orders/OrdersTable.vue";
 
 const { $store } = useNuxtApp();
 const highlights = [
diff --git a/app/components/orders/OrdersKanban.vue b/app/components/orders/OrdersKanban.vue
index a01bf56..59cb8a4 100644
--- a/app/components/orders/OrdersKanban.vue
+++ b/app/components/orders/OrdersKanban.vue
@@ -1,5 +1,5 @@
 <script setup>
-import OrderKanbanCard from "@/components/orders/OrderKanbanCard.vue";
+import OrderKanbanCard from "~/components/orders/OrderKanbanCard.vue";
 
 const props = defineProps({
   orders: Array,
diff --git a/app/components/orders/OrdersTable.vue b/app/components/orders/OrdersTable.vue
index df6a561..718b817 100644
--- a/app/components/orders/OrdersTable.vue
+++ b/app/components/orders/OrdersTable.vue
@@ -1,6 +1,6 @@
 <script setup>
-import OrderRow from "@/components/orders/OrderRow.vue";
-import SelectedOrder from "@/components/orders/SelectedOrder.vue";
+import OrderRow from "~/components/orders/OrderRow.vue";
+import SelectedOrder from "~/components/orders/SelectedOrder.vue";
 import { pull } from "es-toolkit";
 
 const props = defineProps({
diff --git a/app/components/orders/SelectedOrder.vue b/app/components/orders/SelectedOrder.vue
index 8ce9103..c532646 100644
--- a/app/components/orders/SelectedOrder.vue
+++ b/app/components/orders/SelectedOrder.vue
@@ -1,9 +1,9 @@
 <script setup>
-import OrderDeliveryTab from "@/components/orders/OrderDeliveryTab.vue";
-import OrderHistoryTab from "@/components/orders/OrderHistoryTab.vue";
-import OrderPaymentTab from "@/components/orders/OrderPaymentTab.vue";
-import OrderProductTab from "@/components/orders/OrderProductTab.vue";
-import OrderReceiptTab from "@/components/orders/OrderReceiptTab.vue";
+import OrderDeliveryTab from "~/components/orders/OrderDeliveryTab.vue";
+import OrderHistoryTab from "~/components/orders/OrderHistoryTab.vue";
+import OrderPaymentTab from "~/components/orders/OrderPaymentTab.vue";
+import OrderProductTab from "~/components/orders/OrderProductTab.vue";
+import OrderReceiptTab from "~/components/orders/OrderReceiptTab.vue";
 
 const props = defineProps({
   order: Object,
diff --git a/app/components/pos/ChooseIMEIButton.vue b/app/components/pos/ChooseIMEIButton.vue
index 4d2e9df..7b11a13 100644
--- a/app/components/pos/ChooseIMEIButton.vue
+++ b/app/components/pos/ChooseIMEIButton.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Modal from "@/components/Modal.vue";
+import Modal from "~/components/Modal.vue";
 
 const props = defineProps({
   variant: Object,
diff --git a/app/components/pos/ChooseIMEIModal.vue b/app/components/pos/ChooseIMEIModal.vue
index ba6479e..3dd56bd 100644
--- a/app/components/pos/ChooseIMEIModal.vue
+++ b/app/components/pos/ChooseIMEIModal.vue
@@ -1,6 +1,6 @@
 <script setup>
-import AddIMEIForm from "@/components/imports/AddIMEIForm.vue";
-import ImportData from "@/components/parameter/ImportData.vue";
+import AddIMEIForm from "~/components/imports/AddIMEIForm.vue";
+import ImportData from "~/components/parameter/ImportData.vue";
 import { remove } from "es-toolkit";
 
 const props = defineProps({
diff --git a/app/components/pos/POS.vue b/app/components/pos/POS.vue
index 7b6f0f7..5917cee 100644
--- a/app/components/pos/POS.vue
+++ b/app/components/pos/POS.vue
@@ -1,7 +1,7 @@
 <script setup>
-import Address from "@/components/pos/Address.vue";
-import ProductCard from "@/components/pos/ProductCard.vue";
-import SearchBox from "@/components/SearchBox.vue";
+import Address from "~/components/pos/Address.vue";
+import ProductCard from "~/components/pos/ProductCard.vue";
+import SearchBox from "~/components/SearchBox.vue";
 import { isNil } from "es-toolkit";
 
 const store = useStore();
diff --git a/app/components/pos/ProductSelection.vue b/app/components/pos/ProductSelection.vue
index 87b4f8d..caa546f 100644
--- a/app/components/pos/ProductSelection.vue
+++ b/app/components/pos/ProductSelection.vue
@@ -1,5 +1,5 @@
 <script setup>
-import DataView from "@/components/datatable/DataView.vue";
+import DataView from "~/components/datatable/DataView.vue";
 
 const filter = ref({});
 
diff --git a/app/components/snackbar/SnackBar.vue b/app/components/snackbar/SnackBar.vue
index 813e7c9..84d099e 100644
--- a/app/components/snackbar/SnackBar.vue
+++ b/app/components/snackbar/SnackBar.vue
@@ -1,8 +1,8 @@
 <script setup>
-import { useStore } from "@/stores/index";
-import Info from "@/components/snackbar/Info.vue";
-import Success from "@/components/snackbar/Success.vue";
-import Error from "@/components/snackbar/Error.vue";
+import { useStore } from "~/stores/index";
+import Info from "~/components/snackbar/Info.vue";
+import Success from "~/components/snackbar/Success.vue";
+import Error from "~/components/snackbar/Error.vue";
 const props = defineProps({
   component: String,
   vbind: Object,
diff --git a/app/components/user/Profile.vue b/app/components/user/Profile.vue
index 3a2ebac..49de3ba 100644
--- a/app/components/user/Profile.vue
+++ b/app/components/user/Profile.vue
@@ -52,10 +52,10 @@
   </div>
 </template>
 <script setup>
-import Logout from "@/components/user/Logout";
-import UserInfo from "@/components/user/UserInfo";
-import ChangePass from "@/components/user/ChangePass";
-import { useStore } from "@/stores/index";
+import Logout from "~/components/user/Logout";
+import UserInfo from "~/components/user/UserInfo";
+import ChangePass from "~/components/user/ChangePass";
+import { useStore } from "~/stores/index";
 const store = useStore();
 const lang = computed(() => store.lang);
 const isVietnamese = computed(() => lang.value === "vi");
diff --git a/app/components/user/UserInfo.vue b/app/components/user/UserInfo.vue
index 8b5ccb2..35bd9b0 100644
--- a/app/components/user/UserInfo.vue
+++ b/app/components/user/UserInfo.vue
@@ -48,7 +48,7 @@
   </div>
 </template>
 <script>
-import { useStore } from "@/stores/index";
+import { useStore } from "~/stores/index";
 export default {
   props: ["userId"],
   setup() {
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 2b17cdb..371de15 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -27,8 +27,8 @@
 <script setup>
 import { onMounted } from "vue";
 import { useRoute } from "vue-router";
-import SnackBar from "@/components/snackbar/SnackBar.vue";
-import Modal from "@/components/Modal.vue";
+import SnackBar from "~/components/snackbar/SnackBar.vue";
+import Modal from "~/components/Modal.vue";
 import { throttle } from "es-toolkit";
 
 const route = useRoute();
diff --git a/app/lib/email/templates/Template1.vue b/app/lib/email/templates/Template1.vue
index e1af3e0..e2ce0eb 100644
--- a/app/lib/email/templates/Template1.vue
+++ b/app/lib/email/templates/Template1.vue
@@ -235,7 +235,7 @@
 </template>
 
 <script setup lang="ts">
-import { imageUrl } from "@/components/marketing/email/Email.utils";
+import { imageUrl } from "~/components/marketing/email/Email.utils";
 import { computed } from "vue";
 
 interface KeywordItem {
diff --git a/app/plugins/00-datatable.js b/app/plugins/00-datatable.js
index 2f628ea..6fd4f66 100644
--- a/app/plugins/00-datatable.js
+++ b/app/plugins/00-datatable.js
@@ -1,4 +1,3 @@
-import { useStore } from "~/stores/index";
 export default defineNuxtPlugin(() => {
   const store = useStore();
 
diff --git a/app/plugins/04-components.js b/app/plugins/04-components.js
index 7ee1a27..427160f 100644
--- a/app/plugins/04-components.js
+++ b/app/plugins/04-components.js
@@ -1,97 +1,96 @@
-import { defineNuxtPlugin } from "#app";
-import Dashboard from "@/components/dashboard/Dashboard.vue";
-import Orders from "@/components/orders/Orders.vue";
-import Inventory from "@/components/inventory/Inventory.vue";
-import Rights from "@/components/rights/Rights.vue";
-import POS from "@/components/pos/POS.vue";
-import ChooseIMEIButton from "@/components/pos/ChooseIMEIButton.vue";
-import EditAddress from "@/components/pos/EditAddress.vue";
-import CreateReceipts from "@/components/receipts/CreateReceipts.vue";
-import Return from "@/components/receipts/Return.vue";
-import Imports from "@/components/imports/Imports.vue";
-import AddProduct from "@/components/imports/AddProduct.vue";
-import ProductForm from "@/components/imports/ProductForm.vue";
-import ProductVariantForm from "@/components/imports/ProductVariantForm.vue";
-import EditProductButton from "@/components/imports/EditProductButton.vue";
-import DeleteProduct from "@/components/imports/DeleteProduct.vue";
-import AddOS from "@/components/imports/addons/AddOS.vue";
-import AddManufacturer from "@/components/imports/addons/AddManufacturer.vue";
-import AddBattery from "@/components/imports/addons/AddBattery.vue";
-import AddScreen from "@/components/imports/addons/AddScreen.vue";
-import AddCPU from "@/components/imports/addons/AddCPU.vue";
-import AddGPU from "@/components/imports/addons/AddGPU.vue";
-import AddCamera from "@/components/imports/addons/AddCamera.vue";
-import AddSIM from "@/components/imports/addons/AddSIM.vue";
-import AddNetworkTechnology from "@/components/imports/addons/AddNetworkTechnology.vue";
-import AddChargingTechnology from "@/components/imports/addons/AddChargingTechnology.vue";
-import AddExternalStorage from "@/components/imports/addons/AddExternalStorage.vue";
-import AddIPRating from "@/components/imports/addons/AddIPRating.vue";
-import AddDesign from "@/components/imports/addons/AddDesign.vue";
-import AddColor from "@/components/imports/addons/AddColor.vue";
-import AddRAM from "@/components/imports/addons/AddRAM.vue";
-import AddInternalStorage from "@/components/imports/addons/AddInternalStorage.vue";
-import Color from "@/components/imports/Color.vue";
-import IMEIButton from "@/components/imports/IMEIButton.vue";
-import IMEIs from "@/components/imports/IMEIs.vue";
-import DeleteProductVariant from "@/components/imports/DeleteProductVariant.vue";
-import ProductImage from "@/components/imports/ProductImage.vue";
-import Returns from "@/components/imports/Returns.vue";
-import Exports from "@/components/exports/Exports.vue";
-import ExportsDamaged from "@/components/exports/ExportsDamaged.vue";
-import ExportsInternal from "@/components/exports/ExportsInternal.vue";
-import ExportsAssembled from "@/components/exports/ExportsAssembled.vue";
-import InventoryTransfer from "@/components/inventory-transfer/InventoryTransfer.vue";
-import CashBook from "@/components/cash-book/CashBook.vue";
-import NCC from "@/components/report/NCC.vue";
-import Customers from "@/components/report/Customers.vue";
-import Goods from "@/components/report/Goods.vue";
-import ReportCashBook from "@/components/report/CashBook.vue";
-import Finance from "@/components/report/Finance.vue";
-import SvgIcon from "@/components/SvgIcon.vue";
-import DataView from "@/components/datatable/DataView.vue";
-import PivotDataView from "@/components/datatable/PivotDataView.vue";
-import PickDay from "@/components/datepicker/PickDay.vue";
-import Datepicker from "@/components/datepicker/Datepicker.vue";
-import ImageGallery from "@/components/media/ImageGallery.vue";
-import FileGallery from "@/components/media/FileGallery.vue";
-import FileUpload from "@/components/media/FileUpload.vue";
-import FileShow from "@/components/media/FileShow.vue";
-import ChipImage from "@/components/media/ChipImage.vue";
-import Avatarbox from "@/components/common/Avatarbox.vue";
-import Email from "@/components/marketing/email/Email.vue";
-import ViewList from "@/components/common/ViewList.vue";
-import InternalEntry from "@/components/modal/InternalEntry.vue";
-import Configuration from "@/components/maintab/Configuration.vue";
+import Dashboard from "~/components/dashboard/Dashboard.vue";
+import Orders from "~/components/orders/Orders.vue";
+import Inventory from "~/components/inventory/Inventory.vue";
+import Rights from "~/components/rights/Rights.vue";
+import POS from "~/components/pos/POS.vue";
+import ChooseIMEIButton from "~/components/pos/ChooseIMEIButton.vue";
+import EditAddress from "~/components/pos/EditAddress.vue";
+import CreateReceipts from "~/components/receipts/CreateReceipts.vue";
+import Return from "~/components/receipts/Return.vue";
+import Imports from "~/components/imports/Imports.vue";
+import AddProduct from "~/components/imports/AddProduct.vue";
+import ProductForm from "~/components/imports/ProductForm.vue";
+import ProductVariantForm from "~/components/imports/ProductVariantForm.vue";
+import EditProductButton from "~/components/imports/EditProductButton.vue";
+import DeleteProduct from "~/components/imports/DeleteProduct.vue";
+import AddOS from "~/components/imports/addons/AddOS.vue";
+import AddManufacturer from "~/components/imports/addons/AddManufacturer.vue";
+import AddBattery from "~/components/imports/addons/AddBattery.vue";
+import AddScreen from "~/components/imports/addons/AddScreen.vue";
+import AddCPU from "~/components/imports/addons/AddCPU.vue";
+import AddGPU from "~/components/imports/addons/AddGPU.vue";
+import AddCamera from "~/components/imports/addons/AddCamera.vue";
+import AddSIM from "~/components/imports/addons/AddSIM.vue";
+import AddNetworkTechnology from "~/components/imports/addons/AddNetworkTechnology.vue";
+import AddChargingTechnology from "~/components/imports/addons/AddChargingTechnology.vue";
+import AddExternalStorage from "~/components/imports/addons/AddExternalStorage.vue";
+import AddIPRating from "~/components/imports/addons/AddIPRating.vue";
+import AddDesign from "~/components/imports/addons/AddDesign.vue";
+import AddColor from "~/components/imports/addons/AddColor.vue";
+import AddRAM from "~/components/imports/addons/AddRAM.vue";
+import AddInternalStorage from "~/components/imports/addons/AddInternalStorage.vue";
+import Color from "~/components/imports/Color.vue";
+import IMEIButton from "~/components/imports/IMEIButton.vue";
+import IMEIs from "~/components/imports/IMEIs.vue";
+import DeleteProductVariant from "~/components/imports/DeleteProductVariant.vue";
+import ProductImage from "~/components/imports/ProductImage.vue";
+import Returns from "~/components/imports/Returns.vue";
+import Exports from "~/components/exports/Exports.vue";
+import ExportsDamaged from "~/components/exports/ExportsDamaged.vue";
+import ExportsInternal from "~/components/exports/ExportsInternal.vue";
+import ExportsAssembled from "~/components/exports/ExportsAssembled.vue";
+import InventoryTransfer from "~/components/inventory-transfer/InventoryTransfer.vue";
+import CashBook from "~/components/cash-book/CashBook.vue";
+import NCC from "~/components/report/NCC.vue";
+import Customers from "~/components/report/Customers.vue";
+import Goods from "~/components/report/Goods.vue";
+import ReportCashBook from "~/components/report/CashBook.vue";
+import Finance from "~/components/report/Finance.vue";
+import SvgIcon from "~/components/SvgIcon.vue";
+import DataView from "~/components/datatable/DataView.vue";
+import PivotDataView from "~/components/datatable/PivotDataView.vue";
+import PickDay from "~/components/datepicker/PickDay.vue";
+import Datepicker from "~/components/datepicker/Datepicker.vue";
+import ImageGallery from "~/components/media/ImageGallery.vue";
+import FileGallery from "~/components/media/FileGallery.vue";
+import FileUpload from "~/components/media/FileUpload.vue";
+import FileShow from "~/components/media/FileShow.vue";
+import ChipImage from "~/components/media/ChipImage.vue";
+import Avatarbox from "~/components/common/Avatarbox.vue";
+import Email from "~/components/marketing/email/Email.vue";
+import ViewList from "~/components/common/ViewList.vue";
+import InternalEntry from "~/components/modal/InternalEntry.vue";
+import Configuration from "~/components/maintab/Configuration.vue";
 
 // format
-import FormatNumber from "@/components/datatable/format/FormatNumber.vue";
-import FormatDate from "@/components/datatable/format/FormatDate.vue";
-import DataTable from "@/components/datatable/DataTable.vue";
-import DataModel from "@/components/datatable/DataModel.vue";
-import InputNumber from "@/components/common/InputNumber.vue";
-import ColorText from "@/components/datatable/format/ColorText.vue";
+import FormatNumber from "~/components/datatable/format/FormatNumber.vue";
+import FormatDate from "~/components/datatable/format/FormatDate.vue";
+import DataTable from "~/components/datatable/DataTable.vue";
+import DataModel from "~/components/datatable/DataModel.vue";
+import InputNumber from "~/components/common/InputNumber.vue";
+import ColorText from "~/components/datatable/format/ColorText.vue";
 
 // menu
-import MenuAction from "@/components/menu/MenuAction.vue";
-import MenuApp from "@/components/menu/MenuApp.vue";
-import MenuCust from "@/components/menu/MenuCust.vue";
-import MenuPhone from "@/components/menu/MenuPhone.vue";
-import MenuParam from "@/components/menu/MenuParam.vue";
-import MenuAdd from "@/components/menu/MenuAdd.vue";
-import MenuCollab from "@/components/menu/MenuCollab.vue";
-import MenuNote from "@/components/menu/MenuNote.vue";
-import MenuFile from "@/components/menu/MenuFile.vue";
-import MenuPayment from "@/components/menu/MenuPayment.vue";
-import ScrollBox from "@/components/datatable/ScrollBox.vue";
-import Reservation from "@/components/modal/Reservation.vue";
-import UserMainTab from "@/components/modal/UserMainTab.vue";
-import CountWithAdd from "@/components/common/CountWithAdd.vue";
-import MenuAccount from "@/components/menu/MenuAccount.vue";
-import ImageLayout from "@/components/media/ImageLayout.vue";
+import MenuAction from "~/components/menu/MenuAction.vue";
+import MenuApp from "~/components/menu/MenuApp.vue";
+import MenuCust from "~/components/menu/MenuCust.vue";
+import MenuPhone from "~/components/menu/MenuPhone.vue";
+import MenuParam from "~/components/menu/MenuParam.vue";
+import MenuAdd from "~/components/menu/MenuAdd.vue";
+import MenuCollab from "~/components/menu/MenuCollab.vue";
+import MenuNote from "~/components/menu/MenuNote.vue";
+import MenuFile from "~/components/menu/MenuFile.vue";
+import MenuPayment from "~/components/menu/MenuPayment.vue";
+import ScrollBox from "~/components/datatable/ScrollBox.vue";
+import Reservation from "~/components/modal/Reservation.vue";
+import UserMainTab from "~/components/modal/UserMainTab.vue";
+import CountWithAdd from "~/components/common/CountWithAdd.vue";
+import MenuAccount from "~/components/menu/MenuAccount.vue";
+import ImageLayout from "~/components/media/ImageLayout.vue";
 
-import CountdownTimer from "@/components/common/CountdownTimer.vue";
-import CustomerForm from "@/components/customer/CustomerForm.vue";
-import CustomerQuickAdd from "@/components/customer/CustomerQuickAdd.vue";
+import CountdownTimer from "~/components/common/CountdownTimer.vue";
+import CustomerForm from "~/components/customer/CustomerForm.vue";
+import CustomerQuickAdd from "~/components/customer/CustomerQuickAdd.vue";
 
 const components = {
   PivotDataView,
diff --git a/tsconfig.json b/tsconfig.json
index a1fdd36..307b213 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,12 +1,18 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json",
-  "compilerOptions": {
-    "ignoreDeprecations": "6.0",
-    "baseUrl": "./app",
-    "paths": {
-      "@/*": ["./*"],
-      "~/*": ["../*"]
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
     }
-  }
+  ]
 }