From e91f0d22c46cb0dc7a583476a782eb0b3c5b0f20 Mon Sep 17 00:00:00 2001
From: Viet An <tiktaktictac269@gmail.com>
Date: Thu, 2 Jul 2026 09:07:59 +0700
Subject: [PATCH] changes

---
 app/components/Modal.vue                      |  1 -
 app/components/SearchBox.vue                  |  2 +-
 app/components/common/FormatDate.vue          |  1 -
 app/components/common/Note.vue                |  2 +-
 app/components/common/Phone.vue               |  1 -
 app/components/customer/Customer.vue          | 10 +-
 app/components/customer/CustomerView.vue      |  2 +-
 app/components/datatable/ContextMenu.vue      |  2 +-
 app/components/datatable/CreateTemplate.vue   |  2 +-
 app/components/datatable/DataTable.vue        |  1 -
 app/components/datatable/FormatOption.vue     |  2 +-
 app/components/datatable/MenuSave.vue         |  2 +-
 app/components/imports/AddIMEIForm.vue        |  2 +-
 .../imports/ProductVariantFormNew.vue         |  2 +-
 app/components/imports/addons/AddBattery.vue  |  2 +-
 app/components/imports/addons/AddCPU.vue      |  2 +-
 app/components/imports/addons/AddCamera.vue   |  2 +-
 .../imports/addons/AddChargingTechnology.vue  |  2 +-
 app/components/imports/addons/AddColor.vue    |  2 +-
 app/components/imports/addons/AddDesign.vue   |  2 +-
 .../imports/addons/AddExternalStorage.vue     |  2 +-
 app/components/imports/addons/AddGPU.vue      |  2 +-
 app/components/imports/addons/AddIPRating.vue |  2 +-
 .../imports/addons/AddInternalStorage.vue     |  2 +-
 .../imports/addons/AddManufacturer.vue        |  2 +-
 .../imports/addons/AddNetworkTechnology.vue   |  2 +-
 app/components/imports/addons/AddOS.vue       |  2 +-
 app/components/imports/addons/AddRAM.vue      |  2 +-
 app/components/imports/addons/AddSIM.vue      |  2 +-
 app/components/imports/addons/AddScreen.vue   |  2 +-
 app/components/inventory/Inventory.vue        |  1 -
 app/components/inventory/InventoryRow.vue     |  1 -
 app/components/inventory/SelectedInvItem.vue  |  5 +-
 app/components/marketing/email/Email.vue      |  3 -
 app/components/media/FileActions.vue          |  6 +-
 app/components/media/FileShow.vue             |  2 +-
 app/components/media/FileUpload.vue           |  5 +-
 app/components/media/ImageCard.vue            |  2 +-
 app/components/media/ImageLayout.vue          |  2 -
 app/components/orders/OrderHistoryTab.vue     |  2 -
 app/components/orders/OrderPaymentTab.vue     |  1 -
 app/components/orders/OrderProductTab.vue     |  2 +-
 app/components/orders/SelectedOrder.vue       |  1 -
 app/components/people/PeopleView.vue          |  2 +-
 app/components/pos/CartItem.vue               |  2 +-
 app/components/pos/POS.vue                    |  2 +-
 app/components/pos/VietQR.vue                 |  9 +-
 app/components/user/Logout.vue                |  3 -
 app/plugins/01-common.js                      | 92 ++++++++++++++++++-
 app/utils/exportImage.js                      | 28 ------
 app/utils/exportPdf.js                        | 35 -------
 app/utils/qr.js                               | 20 ----
 52 files changed, 131 insertions(+), 159 deletions(-)
 delete mode 100644 app/utils/exportImage.js
 delete mode 100644 app/utils/exportPdf.js
 delete mode 100644 app/utils/qr.js

diff --git a/app/components/Modal.vue b/app/components/Modal.vue
index 73dd32d..6553cfd 100644
--- a/app/components/Modal.vue
+++ b/app/components/Modal.vue
@@ -79,7 +79,6 @@
 import { onMounted, defineAsyncComponent, shallowRef, watchEffect } from "vue";
 
 const emit = defineEmits(["close", "remove", "select", "dataevent", "update"]);
-const { $store } = useNuxtApp();
 
 const props = defineProps({
   component: String,
diff --git a/app/components/SearchBox.vue b/app/components/SearchBox.vue
index 985baa7..463c29b 100644
--- a/app/components/SearchBox.vue
+++ b/app/components/SearchBox.vue
@@ -167,7 +167,7 @@ const props = defineProps({
   searchfield: Array,
 });
 
-const { $copy, $dialog, $empty, $find, $findapi, $findIndex, $getdata, $id, $nonAccent, $store } = useNuxtApp();
+const { $copy, $dialog, $empty, $find, $findapi, $findIndex, $getdata, $nonAccent, $store } = useNuxtApp();
 const emit = defineEmits(["option", "modalevent"]);
 const suggestions = ref([]);
 const isLoading = ref(false);
diff --git a/app/components/common/FormatDate.vue b/app/components/common/FormatDate.vue
index 72fa207..6e40c6e 100644
--- a/app/components/common/FormatDate.vue
+++ b/app/components/common/FormatDate.vue
@@ -1,5 +1,4 @@
 <script setup>
-const { $dayjs } = useNuxtApp();
 const props = defineProps({
   date: String,
 });
diff --git a/app/components/common/Note.vue b/app/components/common/Note.vue
index 2390023..caf3fcc 100644
--- a/app/components/common/Note.vue
+++ b/app/components/common/Note.vue
@@ -21,7 +21,7 @@
 </template>
 <script setup>
 const emit = defineEmits(["close"]);
-const { $store, $getdata, $patchapi, $updatepage } = useNuxtApp();
+const { $getdata, $patchapi, $updatepage } = useNuxtApp();
 const props = defineProps({
   row: Object,
   pagename: String,
diff --git a/app/components/common/Phone.vue b/app/components/common/Phone.vue
index 4d41b64..baf8641 100644
--- a/app/components/common/Phone.vue
+++ b/app/components/common/Phone.vue
@@ -1,6 +1,5 @@
 <script setup>
 const props = defineProps(["row", "pagename"]);
-const { $copyToClipboard } = useNuxtApp();
 
 const phone = props.row.customer__phone || props.row.party__phone || props.row.phone;
 const format = (s) => `${s.slice(0, 3)} ${s.slice(3, 6)} ${s.slice(6, 20)}`;
diff --git a/app/components/customer/Customer.vue b/app/components/customer/Customer.vue
index 11b8fc9..912fa68 100644
--- a/app/components/customer/Customer.vue
+++ b/app/components/customer/Customer.vue
@@ -68,17 +68,14 @@
   ></Modal>
 </template>
 <script setup>
-import { computed, ref } from "vue";
-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 ImageGallery from "~/components/media/ImageGallery.vue";
-const nuxtApp = useNuxtApp();
-const { $dialog } = nuxtApp;
+const { $dialog } = useNuxtApp();
 
 const store = useStore();
-var props = defineProps({
+const props = defineProps({
   pagename: String,
   row: Object,
   application: Object,
@@ -86,8 +83,7 @@ var props = defineProps({
   handleCustomer: Function,
 });
 
-const lang = computed(() => store.lang);
-const isVietnamese = computed(() => lang.value === "vi");
+const isVietnamese = computed(() => store.lang === "vi");
 const emit = defineEmits(["modalevent", "close"]);
 var viewport = 5;
 var tabs = [
diff --git a/app/components/customer/CustomerView.vue b/app/components/customer/CustomerView.vue
index 77adfa1..4d9e52d 100644
--- a/app/components/customer/CustomerView.vue
+++ b/app/components/customer/CustomerView.vue
@@ -282,7 +282,7 @@
       </button>
       <button
         class="button is-light"
-        @click="exportPdf(docid, { filename: record.code })"
+        @click="$exportPdf(docid, { filename: record.code })"
       >
         In thông tin
       </button>
diff --git a/app/components/datatable/ContextMenu.vue b/app/components/datatable/ContextMenu.vue
index 17ace0a..d868e84 100644
--- a/app/components/datatable/ContextMenu.vue
+++ b/app/components/datatable/ContextMenu.vue
@@ -438,7 +438,7 @@ const props = defineProps({
   filterData: Object,
   width: String,
 });
-const { $copy, $stripHtml, $arrayMove, $snackbar, $copyToClipboard } = useNuxtApp();
+const { $copy, $stripHtml, $arrayMove, $snackbar } = useNuxtApp();
 const emit = defineEmits(["modalevent", "changepos", "close"]);
 const store = useStore();
 const { colorchoice } = store;
diff --git a/app/components/datatable/CreateTemplate.vue b/app/components/datatable/CreateTemplate.vue
index 5f96bac..b4ecbf7 100644
--- a/app/components/datatable/CreateTemplate.vue
+++ b/app/components/datatable/CreateTemplate.vue
@@ -455,7 +455,7 @@
 <script setup>
 import { ref } from "vue";
 const store = useStore();
-const { $id, $copy, $empty, $stripHtml, $calc, $remove, $copyToClipboard } = useNuxtApp();
+const { $id, $copy, $empty, $calc, $remove, $copyToClipboard } = useNuxtApp();
 var props = defineProps({
   pagename: String,
   field: Object,
diff --git a/app/components/datatable/DataTable.vue b/app/components/datatable/DataTable.vue
index b9bb4da..8f0286e 100644
--- a/app/components/datatable/DataTable.vue
+++ b/app/components/datatable/DataTable.vue
@@ -149,7 +149,6 @@ const {
   $parseNum,
   $multiSort,
   $remove,
-  $stripHtml,
   $unique,
 } = useNuxtApp();
 const store = useStore();
diff --git a/app/components/datatable/FormatOption.vue b/app/components/datatable/FormatOption.vue
index e518841..246b6ec 100644
--- a/app/components/datatable/FormatOption.vue
+++ b/app/components/datatable/FormatOption.vue
@@ -246,7 +246,7 @@
 import CreateTemplate from "~/components/datatable/CreateTemplate";
 import FilterOption from "~/components/datatable/FilterOption.vue";
 import TableOption from "~/components/datatable/TableOption.vue";
-const { $id, $copy, $empty, $stripHtml } = useNuxtApp();
+const { $id, $copy, $empty } = useNuxtApp();
 const props = defineProps({
   event: Object,
   currentField: Object,
diff --git a/app/components/datatable/MenuSave.vue b/app/components/datatable/MenuSave.vue
index a499615..eb32c2b 100644
--- a/app/components/datatable/MenuSave.vue
+++ b/app/components/datatable/MenuSave.vue
@@ -119,7 +119,7 @@ const props = defineProps({
   data: Object,
   focus: Boolean,
 });
-const { $empty, $copy, $copyToClipboard, $stripHtml, $patchapi, $insertapi, $findIndex, $snackbar } = useNuxtApp();
+const { $empty, $copy, $patchapi, $insertapi, $findIndex, $snackbar } = useNuxtApp();
 const radioOption = ref();
 const login = { id: 1 };
 const errors = ref([]);
diff --git a/app/components/imports/AddIMEIForm.vue b/app/components/imports/AddIMEIForm.vue
index 4fd6da4..0f010ee 100644
--- a/app/components/imports/AddIMEIForm.vue
+++ b/app/components/imports/AddIMEIForm.vue
@@ -3,7 +3,7 @@ const props = defineProps({
   variant: Object,
 });
 
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["created"]);
 const isLoading = ref(false);
 const body = ref({
diff --git a/app/components/imports/ProductVariantFormNew.vue b/app/components/imports/ProductVariantFormNew.vue
index cbc51e9..40d2908 100644
--- a/app/components/imports/ProductVariantFormNew.vue
+++ b/app/components/imports/ProductVariantFormNew.vue
@@ -5,7 +5,7 @@ import { isEqual, omitBy } from "es-toolkit";
 
 const emit = defineEmits(["created"]);
 
-const { $buildFileUrl, $copy, $empty, $getdata, $insertapi, $patchapi } = useNuxtApp();
+const { $buildFileUrl, $copy, $empty, $insertapi } = useNuxtApp();
 const isPending = ref(false);
 const defaultBody = ref({
   product: null,
diff --git a/app/components/imports/addons/AddBattery.vue b/app/components/imports/addons/AddBattery.vue
index 60ded2b..4bb338a 100644
--- a/app/components/imports/addons/AddBattery.vue
+++ b/app/components/imports/addons/AddBattery.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddCPU.vue b/app/components/imports/addons/AddCPU.vue
index 057f50d..122998d 100644
--- a/app/components/imports/addons/AddCPU.vue
+++ b/app/components/imports/addons/AddCPU.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddCamera.vue b/app/components/imports/addons/AddCamera.vue
index 489193e..b956050 100644
--- a/app/components/imports/addons/AddCamera.vue
+++ b/app/components/imports/addons/AddCamera.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddChargingTechnology.vue b/app/components/imports/addons/AddChargingTechnology.vue
index aeee127..1a61063 100644
--- a/app/components/imports/addons/AddChargingTechnology.vue
+++ b/app/components/imports/addons/AddChargingTechnology.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddColor.vue b/app/components/imports/addons/AddColor.vue
index b00427c..5a402e2 100644
--- a/app/components/imports/addons/AddColor.vue
+++ b/app/components/imports/addons/AddColor.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddDesign.vue b/app/components/imports/addons/AddDesign.vue
index e449a53..0dcebd0 100644
--- a/app/components/imports/addons/AddDesign.vue
+++ b/app/components/imports/addons/AddDesign.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddExternalStorage.vue b/app/components/imports/addons/AddExternalStorage.vue
index 3584ce5..c8a91a3 100644
--- a/app/components/imports/addons/AddExternalStorage.vue
+++ b/app/components/imports/addons/AddExternalStorage.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddGPU.vue b/app/components/imports/addons/AddGPU.vue
index f89d1fe..1a924e7 100644
--- a/app/components/imports/addons/AddGPU.vue
+++ b/app/components/imports/addons/AddGPU.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddIPRating.vue b/app/components/imports/addons/AddIPRating.vue
index 171f3b2..89fbf13 100644
--- a/app/components/imports/addons/AddIPRating.vue
+++ b/app/components/imports/addons/AddIPRating.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddInternalStorage.vue b/app/components/imports/addons/AddInternalStorage.vue
index 8a58ca3..6453a7e 100644
--- a/app/components/imports/addons/AddInternalStorage.vue
+++ b/app/components/imports/addons/AddInternalStorage.vue
@@ -1,7 +1,7 @@
 <script setup>
 import InputNumber from "~/components/common/InputNumber.vue";
 
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddManufacturer.vue b/app/components/imports/addons/AddManufacturer.vue
index 9659efb..04efc05 100644
--- a/app/components/imports/addons/AddManufacturer.vue
+++ b/app/components/imports/addons/AddManufacturer.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddNetworkTechnology.vue b/app/components/imports/addons/AddNetworkTechnology.vue
index 8754f1a..c7ca4cd 100644
--- a/app/components/imports/addons/AddNetworkTechnology.vue
+++ b/app/components/imports/addons/AddNetworkTechnology.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddOS.vue b/app/components/imports/addons/AddOS.vue
index a96538b..3028ce2 100644
--- a/app/components/imports/addons/AddOS.vue
+++ b/app/components/imports/addons/AddOS.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddRAM.vue b/app/components/imports/addons/AddRAM.vue
index d582495..c9acbbd 100644
--- a/app/components/imports/addons/AddRAM.vue
+++ b/app/components/imports/addons/AddRAM.vue
@@ -1,7 +1,7 @@
 <script setup>
 import InputNumber from "~/components/common/InputNumber.vue";
 
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddSIM.vue b/app/components/imports/addons/AddSIM.vue
index 1431014..81a4315 100644
--- a/app/components/imports/addons/AddSIM.vue
+++ b/app/components/imports/addons/AddSIM.vue
@@ -1,7 +1,7 @@
 <script setup>
 import InputNumber from "~/components/common/InputNumber.vue";
 
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/imports/addons/AddScreen.vue b/app/components/imports/addons/AddScreen.vue
index 542262c..dc977e7 100644
--- a/app/components/imports/addons/AddScreen.vue
+++ b/app/components/imports/addons/AddScreen.vue
@@ -1,5 +1,5 @@
 <script setup>
-const { $empty, $insertapi } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
diff --git a/app/components/inventory/Inventory.vue b/app/components/inventory/Inventory.vue
index 72eb6b0..ab97f9c 100644
--- a/app/components/inventory/Inventory.vue
+++ b/app/components/inventory/Inventory.vue
@@ -2,7 +2,6 @@
 import InventoryHighlightCard from "~/components/inventory/InventoryHighlightCard.vue";
 import InventoryTable from "~/components/inventory/InventoryTable.vue";
 
-const { $store } = useNuxtApp();
 const inventoryHighlights = [
   {
     name: "Tổng số SKU",
diff --git a/app/components/inventory/InventoryRow.vue b/app/components/inventory/InventoryRow.vue
index 298803f..6d488f7 100644
--- a/app/components/inventory/InventoryRow.vue
+++ b/app/components/inventory/InventoryRow.vue
@@ -5,7 +5,6 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["selectInvItem", "unselect"]);
-const { $dayjs } = useNuxtApp();
 </script>
 
 <template>
diff --git a/app/components/inventory/SelectedInvItem.vue b/app/components/inventory/SelectedInvItem.vue
index 2ef3aa1..b2a9bc1 100644
--- a/app/components/inventory/SelectedInvItem.vue
+++ b/app/components/inventory/SelectedInvItem.vue
@@ -2,9 +2,6 @@
 const props = defineProps({
   invItem: Object,
 });
-
-const { $dayjs, $formatNum } = useNuxtApp();
-const emit = defineEmits("unselect");
 </script>
 
 <template>
@@ -14,7 +11,7 @@ const emit = defineEmits("unselect");
   >
     <div class="card">
       <button
-        @click="emit('unselect')"
+        @click="$emit('unselect')"
         class="button is-white rounded-full has-text-grey absolute size-8 is-flex is-justify-content-center is-align-items-center"
         style="z-index: 1; right: 0.5rem; top: 0.5rem"
       >
diff --git a/app/components/marketing/email/Email.vue b/app/components/marketing/email/Email.vue
index 16af343..926ce8a 100644
--- a/app/components/marketing/email/Email.vue
+++ b/app/components/marketing/email/Email.vue
@@ -191,15 +191,12 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "nuxt/app";
-import { ref, computed, onMounted, watch, markRaw } from "vue";
 import EmailForm1 from "./forms/EmailForm1.vue";
 import Template1 from "~/components/marketing/email/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 { $getdata, $snackbar, $deleteapi, $getEditRights } = useNuxtApp();
 const showmodal = ref();
 const activeTab = ref("content");
diff --git a/app/components/media/FileActions.vue b/app/components/media/FileActions.vue
index 976eb91..84273c9 100644
--- a/app/components/media/FileActions.vue
+++ b/app/components/media/FileActions.vue
@@ -1,6 +1,4 @@
 <script setup>
-const { $buildFileUrl, $copyToClipboard } = useNuxtApp();
-
 const props = defineProps({
   className: String,
   image: Object,
@@ -8,14 +6,12 @@ const props = defineProps({
   downloadImage: Function,
   openDeleteImageConfirm: Function,
 });
-
-const url = $buildFileUrl(props.image.file__file);
 </script>
 <template>
   <div :class="['buttons has-addons', className]">
     <button
       class="button is-small is-white"
-      @click="$copyToClipboard(url)"
+      @click="$copyToClipboard($buildFileUrl(props.image.file__file))"
       title="Sao chép link"
     >
       <span class="icon">
diff --git a/app/components/media/FileShow.vue b/app/components/media/FileShow.vue
index 7310323..8b6fb3b 100644
--- a/app/components/media/FileShow.vue
+++ b/app/components/media/FileShow.vue
@@ -38,7 +38,7 @@
   />
 </template>
 <script setup>
-const { $copy, $getpath, $download } = useNuxtApp();
+const { $copy, $getpath } = useNuxtApp();
 const emit = defineEmits(["remove", "close"]);
 const props = defineProps({
   files: Object,
diff --git a/app/components/media/FileUpload.vue b/app/components/media/FileUpload.vue
index 289201e..23f153c 100644
--- a/app/components/media/FileUpload.vue
+++ b/app/components/media/FileUpload.vue
@@ -13,7 +13,7 @@
           class="file-input"
           ref="file-input"
           type="file"
-          :id="docid"
+          :id="$id()"
           :multiple="multiple ?? true"
           name="resume"
           @change="doChange"
@@ -52,14 +52,13 @@ const props = defineProps({
 });
 
 const emit = defineEmits(["files"]);
-const { $id, $snackbar, $upload } = useNuxtApp();
+const { $snackbar, $upload } = useNuxtApp();
 
 const fileInput = useTemplateRef("file-input");
 const vtype = props.type || ["image"];
 const files = ref(); // files selected in <input>
 const dataFiles = ref(); // files returned by $upload
 const showmodal = ref();
-const docid = $id();
 
 function getFileExtension(fileName) {
   if (!fileName || typeof fileName !== "string") return "";
diff --git a/app/components/media/ImageCard.vue b/app/components/media/ImageCard.vue
index fad215f..4a96c23 100644
--- a/app/components/media/ImageCard.vue
+++ b/app/components/media/ImageCard.vue
@@ -10,7 +10,7 @@ const props = defineProps({
   viewImage: Function,
 });
 
-const { $buildFileUrl, $formatFileSize, $getpath, $patchapi, $snackbar } = useNuxtApp();
+const { $buildFileUrl, $getpath, $patchapi, $snackbar } = useNuxtApp();
 
 const url = $buildFileUrl(props.image.file__file);
 
diff --git a/app/components/media/ImageLayout.vue b/app/components/media/ImageLayout.vue
index 4cabab0..8a5f7c6 100644
--- a/app/components/media/ImageLayout.vue
+++ b/app/components/media/ImageLayout.vue
@@ -201,9 +201,7 @@
   />
 </template>
 <script setup>
-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";
 
diff --git a/app/components/orders/OrderHistoryTab.vue b/app/components/orders/OrderHistoryTab.vue
index cb2b7eb..4682ab2 100644
--- a/app/components/orders/OrderHistoryTab.vue
+++ b/app/components/orders/OrderHistoryTab.vue
@@ -3,8 +3,6 @@ const props = defineProps({
   invoice: Object,
 });
 
-const { $dayjs } = useNuxtApp();
-
 const historyItems = [
   {
     id: 1,
diff --git a/app/components/orders/OrderPaymentTab.vue b/app/components/orders/OrderPaymentTab.vue
index 556d85d..a890a62 100644
--- a/app/components/orders/OrderPaymentTab.vue
+++ b/app/components/orders/OrderPaymentTab.vue
@@ -2,7 +2,6 @@
 const props = defineProps({
   invoice: Object,
 });
-const { $formatNum } = useNuxtApp();
 </script>
 
 <template>
diff --git a/app/components/orders/OrderProductTab.vue b/app/components/orders/OrderProductTab.vue
index 0ae2599..dc13bf1 100644
--- a/app/components/orders/OrderProductTab.vue
+++ b/app/components/orders/OrderProductTab.vue
@@ -5,7 +5,7 @@ const props = defineProps({
   invoice: Object,
 });
 
-const { $getdata, $formatNum } = useNuxtApp();
+const { $getdata } = useNuxtApp();
 const invoiceDetails = ref([]);
 onMounted(async () => {
   invoiceDetails.value = await $getdata("Invoice_Detail", { filter: { invoice: props.invoice.id } });
diff --git a/app/components/orders/SelectedOrder.vue b/app/components/orders/SelectedOrder.vue
index 4ee90b4..81516e1 100644
--- a/app/components/orders/SelectedOrder.vue
+++ b/app/components/orders/SelectedOrder.vue
@@ -9,7 +9,6 @@ const props = defineProps({
   invoice: Object,
 });
 
-const { $dayjs, $formatNum } = useNuxtApp();
 const emit = defineEmits(["unselect"]);
 
 const tabs = [
diff --git a/app/components/people/PeopleView.vue b/app/components/people/PeopleView.vue
index 86c33c3..b44ee02 100644
--- a/app/components/people/PeopleView.vue
+++ b/app/components/people/PeopleView.vue
@@ -164,7 +164,7 @@
       </button>
       <button
         class="button is-light has-text-black"
-        @click="exportPdf(docid, { filename: record.code })"
+        @click="$exportPdf(docid, { filename: record.code })"
       >
         {{ findLang("print") }}
       </button>
diff --git a/app/components/pos/CartItem.vue b/app/components/pos/CartItem.vue
index 283a60a..52e72ac 100644
--- a/app/components/pos/CartItem.vue
+++ b/app/components/pos/CartItem.vue
@@ -4,7 +4,7 @@ const props = defineProps({
   deleteable: Boolean,
   invalid: Boolean,
 });
-const { $deleteapi, $formatNum, $snackbar } = useNuxtApp();
+const { $deleteapi, $snackbar } = useNuxtApp();
 const posStore = usePosStore();
 const showConfirmModal = ref();
 const isDeleting = ref(false);
diff --git a/app/components/pos/POS.vue b/app/components/pos/POS.vue
index f80d0b2..d3c9352 100644
--- a/app/components/pos/POS.vue
+++ b/app/components/pos/POS.vue
@@ -7,7 +7,7 @@ import useOrderInfo from "~/components/pos/composables/useOrderInfo";
 import SearchBox from "~/components/SearchBox.vue";
 
 const store = useStore();
-const { $insertapi, $formatNum } = useNuxtApp();
+const { $insertapi } = useNuxtApp();
 
 const posStore = usePosStore();
 const { carts, isPending, activeCartId, invalidCartItems, addresses, orderInfo } = storeToRefs(posStore);
diff --git a/app/components/pos/VietQR.vue b/app/components/pos/VietQR.vue
index 8e027ce..f34fdbf 100644
--- a/app/components/pos/VietQR.vue
+++ b/app/components/pos/VietQR.vue
@@ -1,17 +1,16 @@
 <script setup>
+import useOrderInfo from "~/components/pos/composables/useOrderInfo";
+
 const props = defineProps({
   invoiceId: Number,
   finalizeOrder: Function,
 });
-const { activeCartItems } = useActiveCart();
-const subtotal = computed(() => {
-  return activeCartItems.value?.reduce((prev, curr) => prev + curr.imei__variant__price, 0);
-});
+const { total } = useOrderInfo();
 </script>
 <template>
   <div class="is-flex is-flex-direction-column is-gap-2 is-align-items-center">
     <NuxtImg
-      :src="qr(subtotal)"
+      :src="$qr(total)"
       class="h-full max-h-140"
       alt="VietQR code"
     />
diff --git a/app/components/user/Logout.vue b/app/components/user/Logout.vue
index 4db1a1e..1207872 100644
--- a/app/components/user/Logout.vue
+++ b/app/components/user/Logout.vue
@@ -19,6 +19,3 @@
     </div>
   </div>
 </template>
-<script setup>
-const { $store, $requestLogin } = useNuxtApp();
-</script>
diff --git a/app/plugins/01-common.js b/app/plugins/01-common.js
index fd65d95..7f91398 100644
--- a/app/plugins/01-common.js
+++ b/app/plugins/01-common.js
@@ -8,6 +8,9 @@ import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
 import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
 import "dayjs/locale/vi";
 import { deburr } from "es-toolkit";
+import html2pdf from "html2pdf.js";
+import html2canvas from "html2canvas-pro";
+
 dayjs.extend(weekday);
 dayjs.extend(weekOfYear);
 dayjs.extend(relativeTime);
@@ -19,7 +22,7 @@ dayjs.locale("vi");
 export default defineNuxtPlugin((nuxtApp) => {
   const route = useRoute();
   const store = useStore();
-  const { $id, $empty } = nuxtApp;
+  const { $id, $copy, $empty } = nuxtApp;
 
   const dialog = function (content, title, type, duration, width, height, vbind) {
     content = typeof content === "string" ? content : JSON.stringify(content);
@@ -98,7 +101,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   };
 
   const dummy = function (data, count) {
-    let list = this.$copy(data);
+    let list = $copy(data);
     for (let index = 0; index < count; index++) {
       if (data.length < index + 1) list.push({ dummy: true });
     }
@@ -167,7 +170,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   };
 
   const change = function (obj1, obj2, list) {
-    var change = false;
+    let change = false;
     if (list) {
       list.map((v) => {
         if (obj1[v] !== obj2[v]) change = true;
@@ -233,6 +236,65 @@ export default defineNuxtPlugin((nuxtApp) => {
     return id;
   };
 
+  const exportPdf = async (docid, { filename = "file", format = "a4", orientation = "portrait" } = {}) => {
+    const target = document.getElementById(docid);
+
+    const ignored = target.querySelectorAll(".ignore");
+    ignored.forEach((el) => el.style.setProperty("display", "none", "important"));
+    // Xóa cache ảnh để lần export sau không bị lỗi
+    target.querySelectorAll("img").forEach((img) => (img.src = `${img.src}`));
+    const restoreIcons = swapIconsForExport(target);
+
+    const opt = {
+      margin: 3,
+      filename: `${filename}-${dayjs().format("YYYYMMDDHHmmss")}.pdf`,
+      jsPDF: { format, orientation, unit: "mm" },
+      html2canvas: { scale: 3, useCORS: true },
+      image: { type: "jpeg", quality: 1 },
+      pagebreak: {
+        mode: ["avoid-all", "css", "legacy"],
+        before: ".page-break-before",
+        after: ".page-break-after",
+        avoid: ".avoid-page-break",
+      },
+    };
+
+    try {
+      await new Promise((r) => requestAnimationFrame(r));
+      await html2pdf().set(opt).from(target).save();
+    } finally {
+      restoreIcons();
+      ignored.forEach((el) => el.style.removeProperty("display"));
+    }
+    return opt.filename;
+  };
+
+  const exportImage = async (docid, filename = "file") => {
+    const target = document.getElementById(docid);
+
+    const ignored = target.querySelectorAll(".ignore");
+    ignored.forEach((el) => el.style.setProperty("display", "none", "important"));
+    // Xóa cache ảnh để lần export sau không bị lỗi
+    target.querySelectorAll("img").forEach((img) => (img.src = `${img.src}`));
+    const restoreIcons = swapIconsForExport(target);
+
+    try {
+      await new Promise((r) => requestAnimationFrame(r));
+
+      const canvas = await html2canvas(target);
+      const link = document.createElement("a");
+      link.href = canvas.toDataURL("image/png");
+      link.download = `${filename}-${dayjs().format("YYYYMMDDHHmmss")}.png`;
+      link.click();
+      link.remove();
+    } finally {
+      restoreIcons();
+      ignored.forEach((el) => el.style.removeProperty("display"));
+    }
+
+    return filename;
+  };
+
   const download = async function (url, fileName) {
     const name = dayjs(new Date()).format("YYYYMMDDhhmmss") + "-" + fileName;
     const response = await fetch(url);
@@ -480,6 +542,27 @@ export default defineNuxtPlugin((nuxtApp) => {
     return new Intl.NumberFormat("en", { notation: "compact" }).format(Number(amount));
   }
 
+  function qr(amount, qrVars = {}) {
+    const defaultQRVars = {
+      bankId: "BIDV",
+      accountNo: "1222198820",
+      accountName: "Nguyen Viet An",
+      template: "Rxp4lcv",
+      description: "Thanh toan ERP",
+    };
+
+    const finalVars = {
+      ...defaultQRVars,
+      ...qrVars,
+    };
+
+    const { bankId, accountNo, template, description, accountName } = finalVars;
+
+    const qrSrc = `https://img.vietqr.io/image/${bankId}-${accountNo}-${template}.png?amount=${amount}&addInfo=${description}&accountName=${accountName}`;
+
+    return qrSrc;
+  }
+
   return {
     provide: {
       dialog,
@@ -495,6 +578,8 @@ export default defineNuxtPlugin((nuxtApp) => {
       copyToClipboard,
       nonAccent,
       linkID,
+      exportPdf,
+      exportImage,
       vnmoney,
       createMeta,
       dayjs,
@@ -504,6 +589,7 @@ export default defineNuxtPlugin((nuxtApp) => {
       numberToVietnamese,
       formatDateVN,
       shortenCurrency,
+      qr,
     },
   };
 });
diff --git a/app/utils/exportImage.js b/app/utils/exportImage.js
deleted file mode 100644
index a8d0c13..0000000
--- a/app/utils/exportImage.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import dayjs from "dayjs";
-import html2canvas from "html2canvas-pro";
-
-export default async function exportImage(docid, filename = "file") {
-  const target = document.getElementById(docid);
-
-  const ignored = target.querySelectorAll(".ignore");
-  ignored.forEach((el) => el.style.setProperty("display", "none", "important"));
-  // Xóa cache ảnh để lần export sau không bị lỗi
-  target.querySelectorAll("img").forEach((img) => (img.src = `${img.src}`));
-  const restoreIcons = swapIconsForExport(target);
-
-  try {
-    await new Promise((r) => requestAnimationFrame(r));
-
-    const canvas = await html2canvas(target);
-    const link = document.createElement("a");
-    link.href = canvas.toDataURL("image/png");
-    link.download = `${filename}-${dayjs().format("YYYYMMDDHHmmss")}.png`;
-    link.click();
-    link.remove();
-  } finally {
-    restoreIcons();
-    ignored.forEach((el) => el.style.removeProperty("display"));
-  }
-
-  return filename;
-}
diff --git a/app/utils/exportPdf.js b/app/utils/exportPdf.js
deleted file mode 100644
index f6901f7..0000000
--- a/app/utils/exportPdf.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import dayjs from "dayjs";
-import html2pdf from "html2pdf.js";
-
-export default async function exportPdf(docid, { filename = "file", format = "a4", orientation = "portrait" } = {}) {
-  const target = document.getElementById(docid);
-
-  const ignored = target.querySelectorAll(".ignore");
-  ignored.forEach((el) => el.style.setProperty("display", "none", "important"));
-  // Xóa cache ảnh để lần export sau không bị lỗi
-  target.querySelectorAll("img").forEach((img) => (img.src = `${img.src}`));
-  const restoreIcons = swapIconsForExport(target);
-
-  const opt = {
-    margin: 3,
-    filename: `${filename}-${dayjs().format("YYYYMMDDHHmmss")}.pdf`,
-    jsPDF: { format, orientation, unit: "mm" },
-    html2canvas: { scale: 3, useCORS: true },
-    image: { type: "jpeg", quality: 1 },
-    pagebreak: {
-      mode: ["avoid-all", "css", "legacy"],
-      before: ".page-break-before",
-      after: ".page-break-after",
-      avoid: ".avoid-page-break",
-    },
-  };
-
-  try {
-    await new Promise((r) => requestAnimationFrame(r));
-    await html2pdf().set(opt).from(target).save();
-  } finally {
-    restoreIcons();
-    ignored.forEach((el) => el.style.removeProperty("display"));
-  }
-  return opt.filename;
-}
diff --git a/app/utils/qr.js b/app/utils/qr.js
deleted file mode 100644
index 6d774b9..0000000
--- a/app/utils/qr.js
+++ /dev/null
@@ -1,20 +0,0 @@
-export default function qr(amount, qrVars = {}) {
-  const defaultQRVars = {
-    bankId: "BIDV",
-    accountNo: "1222198820",
-    accountName: "Nguyen Viet An",
-    template: "Rxp4lcv",
-    description: "Thanh toan ERP",
-  };
-
-  const finalVars = {
-    ...defaultQRVars,
-    ...qrVars,
-  };
-
-  const { bankId, accountNo, template, description, accountName } = finalVars;
-
-  const qrSrc = `https://img.vietqr.io/image/${bankId}-${accountNo}-${template}.png?amount=${amount}&addInfo=${description}&accountName=${accountName}`;
-
-  return qrSrc;
-}