chore: install prettier

app/components/orders/Orders.vue

@@ -1,48 +1,48 @@
 <script setup>
-import OrderHighlightCard from '@/components/orders/OrderHighlightCard.vue';
-import OrderPipeline from '@/components/orders/OrderPipeline.vue';
-import OrdersTable from '@/components/orders/OrdersTable.vue';
+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 highlights = [
   {
-    name: 'Nháp',
+    name: "Nháp",
     value: 2,
-    icon: 'material-symbols:assignment-outline-rounded',
-    color: 'yellow',
+    icon: "material-symbols:assignment-outline-rounded",
+    color: "yellow",
   },
   {
-    name: 'Đã xác nhận',
+    name: "Đã xác nhận",
     value: 3,
-    icon: 'material-symbols:check-circle-outline-rounded',
-    color: 'blue',
+    icon: "material-symbols:check-circle-outline-rounded",
+    color: "blue",
   },
   {
-    name: 'Đang giao',
+    name: "Đang giao",
     value: 2,
-    icon: 'material-symbols:delivery-truck-speed-outline-rounded',
-    color: 'orange',
+    icon: "material-symbols:delivery-truck-speed-outline-rounded",
+    color: "orange",
   },
   {
-    name: 'Hoàn thành',
+    name: "Hoàn thành",
     value: 1,
-    icon: 'material-symbols:box-outline-rounded',
-    color: 'green',
+    icon: "material-symbols:box-outline-rounded",
+    color: "green",
   },
   {
-    name: 'Doanh thu',
-    value: '6.8M',
-    icon: 'material-symbols:attach-money-rounded',
-    color: 'purple',
-    unit: 'VNĐ'
+    name: "Doanh thu",
+    value: "6.8M",
+    icon: "material-symbols:attach-money-rounded",
+    color: "purple",
+    unit: "VNĐ",
   },
 ];
 
 const viewModes = [
-  { name: 'list', icon: 'material-symbols:format-list-bulleted-rounded' },
-  { name: 'grid', icon: 'material-symbols:grid-view-outline-rounded' }
+  { name: "list", icon: "material-symbols:format-list-bulleted-rounded" },
+  { name: "grid", icon: "material-symbols:grid-view-outline-rounded" },
 ];
-const viewMode = ref('list');
+const viewMode = ref("list");
 </script>
 <template>
   <div>
@@ -50,7 +50,7 @@ const viewMode = ref('list');
       defer
       to="#header-right-slot"
       v-if="$store.tabinfo.tab.code === 'orders'"
-      >
+    >
       <div class="is-flex is-gap-2 is-justify-content-flex-end is-align-items-center">
         <div class="tabs is-toggle m-0">
           <ul class="is-flex-grow-0 ml-auto">
@@ -62,7 +62,10 @@ const viewMode = ref('list');
             >
               <a class="px-3 py-1">
                 <span class="icon m-0">
-                  <Icon :name="mode.icon" :size="18" />
+                  <Icon
+                    :name="mode.icon"
+                    :size="18"
+                  />
                 </span>
               </a>
             </li>
@@ -70,7 +73,10 @@ const viewMode = ref('list');
         </div>
         <button class="button fs-14 is-primary">
           <span class="icon">
-            <Icon :size="18" name="material-symbols:add-2-rounded" />
+            <Icon
+              :size="18"
+              name="material-symbols:add-2-rounded"
+            />
           </span>
           <span>Tạo đơn hàng</span>
         </button>