From c4305730b01a921af0b0d4a4c9b3c37202db7e7b Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Mon, 4 Nov 2024 15:37:23 +0700
Subject: [PATCH] refactor: add i18n

---
 .../02_personnel-management/FormByType.vue    | 21 +++++--------------
 src/i18n/eng.ts                               |  1 +
 src/i18n/tha.ts                               |  1 +
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 0f0c3fd6..f3be10bc 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -182,14 +182,15 @@ watch(
           v-if="userType === 'MESSENGER'"
           outlined
           clearable
-          use-input
           fill-input
           emit-value
           map-options
-          hide-selected
           hide-bottom-space
           class="col-12"
           input-debounce="0"
+          multiple
+          use-chips
+          stack-label
           option-label="label"
           option-value="value"
           id="input-responsible-area"
@@ -199,20 +200,8 @@ watch(
           :label="$t('personnel.form.responsibleArea')"
           :options="responsibleAreaOptions"
           @filter="responsibleAreaFilter"
-          :model-value="readonly ? responsibleArea || '-' : responsibleArea"
-          @update:model-value="
-            (v) => (typeof v === 'string' ? (responsibleArea = v) : '')
-          "
-          @clear="responsibleArea = ''"
-        >
-          <template v-slot:no-option>
-            <q-item>
-              <q-item-section class="text-grey">
-                {{ $t('general.noData') }}
-              </q-item-section>
-            </q-item>
-          </template>
-        </q-select>
+          v-model="responsibleArea"
+        ></q-select>
       </div>
       <div
         v-if="userType === 'DELEGATE'"
diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index bdf0ec86..6656aa4d 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -118,6 +118,7 @@ export default {
     shared: 'Shared',
     area: 'Area by area',
     byArea: 'By area',
+    company: 'Company',
   },
 
   menu: {
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 7d131ec4..d8a620cb 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -120,6 +120,7 @@ export default {
     shared: 'ใช้ร่วมกัน',
     area: 'เขตพื้นที่',
     byArea: 'ตามเขตพื้นที่',
+    company: 'บริษัท',
   },
 
   menu: {