changes

app/components/orders/OrderPaymentTab.vue

@@ -2,7 +2,7 @@
 const props = defineProps({
   invoice: Object,
 });
-const { $numtoString } = useNuxtApp();
+const { $formatNum } = useNuxtApp();
 </script>
 
 <template>
@@ -11,7 +11,7 @@ const { $numtoString } = useNuxtApp();
       <div class="is-flex-grow-1 p-3 rounded-md has-background-white-bis">
         <p class="fs-13 has-text-grey">Tổng tiền</p>
         <p class="font-bold">
-          {{ $numtoString(invoice.total, { hasUnit: true }) }}
+          {{ $formatNum(invoice.total, { hasUnit: true }) }}
         </p>
       </div>
       <div class="is-flex-grow-1 p-3 rounded-md has-background-success-95">
@@ -22,7 +22,7 @@ const { $numtoString } = useNuxtApp();
     <div class="p-4 mt-4 rounded-md has-background-danger-95">
       <p class="fs-13 has-text-danger-50">Còn lại</p>
       <p class="fs-20 font-bold has-text-danger-40">
-        {{ $numtoString(invoice.total, { hasUnit: true }) }}
+        {{ $formatNum(invoice.total, { hasUnit: true }) }}
       </p>
     </div>
   </div>