changes

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);

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);

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"
     />