chore: install prettier

app/components/orders/OrderPipeline.vue

@@ -1,36 +1,36 @@
 <script setup>
-import PipelinePhase from '@/components/orders/PipelinePhase.vue';
+import PipelinePhase from "@/components/orders/PipelinePhase.vue";
 
 const phases = [
   {
-    name: 'Nháp',
+    name: "Nháp",
     value: 2,
-    icon: 'material-symbols:assignment-outline-rounded',
-    color: 'yellow',
+    icon: "material-symbols:assignment-outline-rounded",
+    color: "yellow",
     index: 1,
   },
   {
-    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",
     index: 2,
   },
   {
-    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",
     index: 3,
   },
   {
-    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",
     index: 4,
   },
-]
+];
 </script>
 <template>
   <div class="card">
@@ -46,8 +46,10 @@ const phases = [
       <hr class="has-background-grey-lighter" />
       <div class="is-flex is-justify-content-space-between">
         <p>Tổng đơn hàng</p>
-        <p class="fs-18 font-semibold">{{ phases.reduce((prev, curr) => prev + curr.value, 0) }}</p>
+        <p class="fs-18 font-semibold">
+          {{ phases.reduce((prev, curr) => prev + curr.value, 0) }}
+        </p>
       </div>
     </div>
   </div>
-</template>
+</template>