refactor: i18n implementation

src/renderer/components/AppHeader.vue

@@ -6,12 +6,12 @@
             :class="{ selected : selTab === 0 }"
             @click="selectTab(0)"
          >
-            Client
+            {{ t('word.client', 1) }}
             <transition name="fade">
                <i
                   v-if="clientStatus === 1"
                   class="material-icons running"
-                  title="In esecuzione"
+                  :title="t('message.running')"
                >play_arrow</i>
             </transition>
          </div>
@@ -20,12 +20,12 @@
             :class="{ selected : selTab === 1 }"
             @click="selectTab(1)"
          >
-            Server
+            {{ t('word.server', 1) }}
             <transition name="fade">
                <i
                   v-if="serverStatus === 1"
                   class="material-icons running"
-                  title="In esecuzione"
+                  :title="t('message.running')"
                >play_arrow</i>
             </transition>
          </div>
@@ -34,6 +34,8 @@
 </template>
 
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n';
+
 defineProps({
    selTab: Number,
    clientStatus: Number,
@@ -42,6 +44,8 @@ defineProps({
 
 const emit = defineEmits(['selectTab']);
 
+const { t } = useI18n();
+
 const selectTab = (value: number) => {
    emit('selectTab', value);
 };