แก้ space ขึ้นบรรทัดใหม่ เเก้คำ พ้นราชการ

src/components/CardProfile.vue

@@ -16,7 +16,7 @@ import PopupPersonal from "@/components/Dialogs/PopupPersonalNew.vue";
 import { useCounterMixin } from "@/stores/mixin";
 
 /** use*/
-const { findOrgNameOld, findOrgName } = useCounterMixin();
+const { findOrgNameOld, findOrgName, textTranForm } = useCounterMixin();
 
 /** propsDataProfile*/
 const props = defineProps({
@@ -154,7 +154,7 @@ watch(
               {{
                 props.type.toLowerCase() == "employee"
                   ? "กลุ่มงาน"
-                  : "ประเภทตำแหน่ง"
+                  : "ตำแหน่งประเภท"
               }}
             </div>
             <div class="col-12 text-detail">
@@ -165,8 +165,8 @@ watch(
         <div class="col-xs-6 col-sm-3 row">
           <div class="col-12">
             <div class="col-12 text-top">สังกัด</div>
-            <div class="col-12 text-detail">
-              {{ profile.organization }}
+            <div class="col-12 text-detail text-html">
+              {{ textTranForm(profile.organization) }}
             </div>
           </div>
         </div>

src/components/Dialogs/PopupPersonalNew.vue

@@ -22,7 +22,7 @@ const mixin = useCounterMixin();
 const router = useRouter();
 const $q = useQuasar();
 const retireDate = ref<Date>();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const { showLoader, hideLoader, messageError, date2Thai,textTranForm } = mixin;
 
 const isEmployee = defineModel("isEmployee", { type: String });
 const empType = ref<string>("officer");
@@ -370,11 +370,11 @@ async function fetchProfile(id: string, avatarName: string) {
                     <span class="q-ml-md">ข้อมูลราชการ </span>
                   </div>
                   <div class="row q-pa-sm">
-                    <div class="col-xs-12 col-md-12">
+                    <div class="col-xs-12 col-md-12 text-html">
                       <q-input
                         borderless
                         readonly
-                        :model-value="goverment.oc === '' ? '-' : goverment.oc"
+                        :model-value="goverment.oc === '' ? '-' : textTranForm(goverment.oc)"
                         label="สังกัด"
                         autogrow
                       ></q-input>