changes

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