From 5e206e243200773d3de1b85d78ccc401004e4580 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 27 Nov 2024 15:38:09 +0700
Subject: [PATCH] feat: lazy load select options

---
 src/pages/08_request-list/FormExpansion.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/08_request-list/FormExpansion.vue b/src/pages/08_request-list/FormExpansion.vue
index a9a8e639..386c602c 100644
--- a/src/pages/08_request-list/FormExpansion.vue
+++ b/src/pages/08_request-list/FormExpansion.vue
@@ -44,6 +44,7 @@ const attributesForm = defineModel<AttributesForm>('attributesForm', {
   },
 });
 
+const isExpand = ref(false);
 const formData = ref<AttributesForm>(defaultForm);
 
 function triggerUndo() {
@@ -75,6 +76,7 @@ function assignToForm() {
 <template>
   <q-expansion-item
     dense
+    v-model="isExpand"
     class="overflow-hidden bordered q-my-sm full-width"
     switch-toggle-side
     style="border-radius: var(--radius-2)"
@@ -111,7 +113,7 @@ function assignToForm() {
       </nav>
     </template>
 
-    <main class="row">
+    <main class="row" v-if="isExpand">
       <section class="col-12">
         <FormGroupHead>
           {{ $t('duty.text', { subject: $t('general.customer') }) }}