From 16ff59b705ecd6b6d0e388cc643d9d08dfb815d4 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 23 Jul 2024 09:41:35 +0000
Subject: [PATCH] fix: 02 form user type i18n

---
 .../02_personnel-management/FormInformation.vue   | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/02_personnel-management/FormInformation.vue b/src/components/02_personnel-management/FormInformation.vue
index f5cf7189..1f7ccc38 100644
--- a/src/components/02_personnel-management/FormInformation.vue
+++ b/src/components/02_personnel-management/FormInformation.vue
@@ -105,12 +105,23 @@ onMounted(async () => {
       hide-bottom-space
       class="col-6"
       option-value="value"
-      option-label="label"
       :label="$t('formDialogInputUserType')"
       v-model="userType"
       :options="userStore.userOption.userTypeOpts"
       :rules="[(val: string) => !!val || $t('formDialogInputUserTypeValidate')]"
-    />
+    >
+      <template v-slot:option="scope">
+        <q-item v-if="scope.opt" v-bind="scope.itemProps">
+          {{ $t(scope.opt.label) }}
+        </q-item>
+      </template>
+
+      <template v-slot:selected-item="scope">
+        <div v-if="scope.opt">
+          {{ $t(scope.opt.label) }}
+        </div>
+      </template>
+    </q-select>
     <q-select
       id="select-user-role"
       :dense="dense"