แก้ popup เป็น page

src/modules/04_registryPerson/views/requestEditView.vue

@@ -3,18 +3,13 @@ import { ref } from "vue";
 
 import { useRouter } from "vue-router";
 
-import type { DataOption } from "@/modules/04_registryPerson/interface/index/Main";
+import { useRegistryNewDataStore } from "@/modules/04_registryPerson/store";
 
 import TabInformation from "@/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue";
 import TabIDP from "@/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue";
 
 const router = useRouter();
-
-const tabs = ref<string>("Main");
-const tabsManu = ref<DataOption[]>([
-  { name: "ข้อมูลส่วนตัว", id: "Main" },
-  { name: "ข้อมูลการพัฒนารายบุคคล (IDP)", id: "IDP" },
-]);
+const store = useRegistryNewDataStore();
 </script>
 
 <template>
@@ -38,14 +33,14 @@ const tabsManu = ref<DataOption[]>([
     <q-card-section style="padding: 0px">
       <q-separator />
       <q-tabs
-        v-model="tabs"
+        v-model="store.tabs"
         inline-label
         align="left"
         indicator-color="primary"
         active-color="primary bg-teal-1"
       >
         <q-tab
-          v-for="(tab, index) in tabsManu"
+          v-for="(tab, index) in store.tabsManu"
           :key="index"
           :name="tab.id"
           :label="tab.name"
@@ -53,7 +48,7 @@ const tabsManu = ref<DataOption[]>([
       </q-tabs>
       <q-separator />
 
-      <q-tab-panels v-model="tabs" animated>
+      <q-tab-panels v-model="store.tabs" animated>
         <q-tab-panel style="padding: 0px" name="Main">
           <TabInformation />
         </q-tab-panel>