From 39fa0ffdcba98553429a6dab593759b3f933a4a7 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Tue, 26 Nov 2024 17:02:31 +0700
Subject: [PATCH] feat: sort agencies

---
 .../07_agencies-management/FormBasicInfoAgencies.vue      | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/07_agencies-management/FormBasicInfoAgencies.vue b/src/components/07_agencies-management/FormBasicInfoAgencies.vue
index 571eb0b3..9f568873 100644
--- a/src/components/07_agencies-management/FormBasicInfoAgencies.vue
+++ b/src/components/07_agencies-management/FormBasicInfoAgencies.vue
@@ -14,6 +14,8 @@ defineProps<{
 const group = defineModel('group', { default: '' });
 const name = defineModel('name', { default: '' });
 const nameEn = defineModel('nameEn', { default: '' });
+
+type Options = { label: string; value: string };
 </script>
 <template>
   <div class="row col-12">
@@ -38,7 +40,11 @@ const nameEn = defineModel('nameEn', { default: '' });
         for="input-agencies-code"
         :label="$t('agencies.group')"
         option-label="value"
-        :option="optionStore.globalOption?.agenciesType"
+        :option="
+          optionStore.globalOption?.agenciesType.sort(
+            (lhs: Options, rhs: Options) => lhs.value.localeCompare(rhs.value),
+          )
+        "
         v-model="group"
       >
         <template v-slot:option="{ scope, opt }">