refactor: add i18n

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"
+          v-model="responsibleArea"
-          @update:model-value="
+        ></q-select>
-            (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>
       </div>
       <div
         v-if="userType === 'DELEGATE'"

src/i18n/eng.ts

@@ -118,6 +118,7 @@ export default {
     shared: 'Shared',
     area: 'Area by area',
     byArea: 'By area',
+    company: 'Company',
   },
 
   menu: {

src/i18n/tha.ts

@@ -120,6 +120,7 @@ export default {
     shared: 'ใช้ร่วมกัน',
     area: 'เขตพื้นที่',
     byArea: 'ตามเขตพื้นที่',
+    company: 'บริษัท',
   },
 
   menu: {