list Order

src/modules/05_placement/components/OrderPlacement/detailOrderPlacement.vue

@@ -8,7 +8,7 @@
       flat
       color="primary"
       class="q-mr-sm"
-      @click="router.go(-1)"
+      @click="router.go(-1), destroyLocalStorage()"
     />
     ออกคำสั่ง
   </div>
@@ -61,7 +61,7 @@
 </template>
 <script setup lang="ts">
 import { useRouter } from "vue-router";
-import { ref, defineAsyncComponent } from "vue";
+import { ref, defineAsyncComponent, onMounted } from "vue";
 import type { QStepper } from "quasar";
 
 const step01 = defineAsyncComponent(
@@ -87,11 +87,22 @@ const stepper = ref<QStepper>();
 
 const nextStep = () => {
   stepper.value!.next();
+  localStorage.setItem("currentStep", step.value.toString());
 };
 
 const previousStep = () => {
   stepper.value!.previous();
+  localStorage.setItem("currentStep", step.value.toString());
 };
+const destroyLocalStorage = () => {
+  localStorage.clear();
+};
+onMounted(() => {
+  const currentStep = localStorage.getItem("currentStep");
+  if (currentStep) {
+    step.value = Number(currentStep);
+  }
+});
 </script>
 <style>
 .q-stepper--horizontal .q-stepper__step-inner {