changes

app/components/orders/Orders.vue

@@ -3,7 +3,7 @@ import OrderHighlightCard from "~/components/orders/OrderHighlightCard.vue";
 import OrderPipeline from "~/components/orders/OrderPipeline.vue";
 import OrdersTable from "~/components/orders/OrdersTable.vue";
 
-const { $store } = useNuxtApp();
+const { $getdata, $store } = useNuxtApp();
 const highlights = [
   {
     name: "Nháp",
@@ -43,6 +43,14 @@ const viewModes = [
   { name: "grid", icon: "material-symbols:grid-view-outline-rounded" },
 ];
 const viewMode = ref("list");
+
+const invoices = ref();
+onMounted(async () => {
+  invoices.value = await $getdata("Invoice");
+});
+provide("orders", {
+  invoices,
+});
 </script>
 <template>
   <div>
@@ -82,7 +90,7 @@ const viewMode = ref("list");
         </button>
       </div>
     </Teleport>
-    <div class="fixed-grid has-2-cols-mobile has-5-cols">
+    <!-- <div class="fixed-grid has-2-cols-mobile has-5-cols">
       <div class="grid">
         <OrderHighlightCard
           v-for="highlight in highlights"
@@ -91,7 +99,7 @@ const viewMode = ref("list");
         />
       </div>
     </div>
-    <OrderPipeline />
+    <OrderPipeline /> -->
     <OrdersTable :viewMode="viewMode" />
   </div>
 </template>