refactor: nationality value

src/components/02_personnel-management/FormPerson.vue

@@ -386,7 +386,7 @@ watch(
         hide-bottom-space
         input-debounce="0"
         option-label="label"
-        option-value="label"
+        option-value="value"
         v-model="nationality"
         lazy-rules="ondemand"
         class="col-2"

src/components/03_customer-management/TableEmpoloyee.vue

@@ -3,7 +3,9 @@ import { calculateAge, dateFormat } from 'src/utils/datetime';
 
 import PersonCard from 'components/shared/PersonCard.vue';
 import KebabAction from '../shared/KebabAction.vue';
+import useOptionStore from 'stores/options';
 
+const optionStore = useOptionStore();
 const pageSize = defineModel<number>('pageSize', { default: 30 });
 const currentPage = defineModel<number>('currentPage', { default: 1 });
 
@@ -179,7 +181,7 @@ defineEmits<{
         </q-td>
 
         <q-td v-if="fieldSelected.includes('formDialogInputNationality')">
-          {{ props.row.nationality || '-' }}
+          {{ optionStore.mapOption(props.row.nationality || '-') }}
         </q-td>
 
         <q-td v-if="fieldSelected.includes('formDialogInputPassportNo')">