changes

app/components/pos/POS.vue

@@ -13,7 +13,7 @@ const { $insertapi, $formatNum } = useNuxtApp();
 
 const { carts, cartItems, customers, getCarts, isPending } = useCartData();
 
-const { activeCartId, activeCart, activeCartItems, customerIdsWithNoCart, subtotal } = useActiveCart({
+const { activeCartId, activeCart, activeCartItems, customerIdsWithNoCart, subtotal, invalidCartItems } = useActiveCart({
   carts,
   cartItems,
   customers,
@@ -45,7 +45,7 @@ function openConfirmModal() {
   showModal.value = {
     component: "pos/ConfirmOrder",
     title: "Xác nhận đơn hàng",
-    width: "60%",
+    width: "700px",
   };
 }
 
@@ -62,6 +62,7 @@ provide("pos", {
   activeCartId,
   activeCart,
   activeCartItems,
+  invalidCartItems,
   isChangingCus,
   orderInfo,
   fullAddress,
@@ -131,6 +132,7 @@ provide("pos", {
                     :key="cartItem.id"
                     :cartItem="cartItem"
                     deleteable
+                    :invalid="invalidCartItems.find((ci) => ci.id === cartItem.id)"
                   />
                 </div>
                 <p