refactor: 타입스크립트 수정, useCommonStore.ts 삭제

app/pages/inspection/index.vue

@@ -31,8 +31,8 @@
             <!-- 온스토브 카드 -->
             <div class="inspection-card inspection-stove-card">
               <h3 :class="{ 'text-center': !launchingStatus }" class="card-title text-base md:text-lg">
-                <span v-if="!launchingStatus" v-dompurify-html="tm('Inspection_Game_During_Maintenance')"></span>
-                <span v-else v-dompurify-html="tm('org_Inspection_During_Maintenance')"></span>
+                <span v-if="!launchingStatus" v-dompurify-html="inspectionGameDuringMaintenance"></span>
+                <span v-else v-dompurify-html="orgInspectionDuringMaintenance"></span>
               </h3>
               <div class="button-group justify-center">
                   <!-- <a
@@ -121,10 +121,20 @@ const resultGetMultilingual = await useGetMultilingual({
   baseApiUrl: translationApi,
   fileName: 'test_common_inspection.json'
 })
-const { tm, locale } = useI18n({ 
+const i18n = useI18n({ 
   useScope: 'local', 
   messages: Object(resultGetMultilingual.value.multilingual)
 })
+const { locale } = i18n
+
+// 타입 오류 해결: tm 함수를 string 반환 타입으로 단언
+const tm = ((key: string): string => {
+  return String((i18n.tm as any)(key) ?? '')
+}) as (key: string) => string
+
+// 타입 오류 해결을 위한 computed 속성
+const inspectionGameDuringMaintenance = computed(() => tm('Inspection_Game_During_Maintenance'))
+const orgInspectionDuringMaintenance = computed(() => tm('org_Inspection_During_Maintenance'))
 
 // locale에 따라 뒤에 KST 또는 UTC 추가 ko, en, zh-tw, ja
 // ko: (KST)