Merge branch 'dev'

Author: hfidelis

src/components/AuthorInfo/AuthorInfo.vue

@@ -1,24 +1,19 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
 import AvatarBox from '@/components/AvatarBox/AvatarBox.vue'
 
 const props = defineProps({
   name: {
     type: String,
     required: false,
     default: () => {
-      const { t } = useI18n()
-
-      return t('views.home.author.name')
+      return 'views.home.author.name'
     }
   },
   role: {
     type: String,
     required: false,
     default: () => {
-      const { t } = useI18n()
-
-      return t('views.home.author.role')
+      return 'views.home.author.role'
     }
   }
 })
@@ -28,10 +23,10 @@ const props = defineProps({
   <div class="author__info">
     <div class="author__info__text">
       <h1>
-        {{ props.name }}
+        {{ $t(`${props.name}`) }}
       </h1>
       <p>
-        {{ props.role }}
+        {{ $t(`${props.role}`) }}
       </p>
     </div>
     <AvatarBox />

src/components/TechStack/TechStack.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
 import { useDark } from '@vueuse/core'
 import { mdiTools } from '@mdi/js'
 
@@ -35,9 +34,7 @@ const props = defineProps({
   title: {
     type: String,
     default: () => {
-      const { t } = useI18n()
-
-      return t('components.techStack.title')
+      return 'components.techStack.title'
     }
   }
 })
@@ -54,7 +51,7 @@ const isDark = useDark()
         :path="mdiTools"
       />
       <h2>
-        {{ props.title }}
+        {{ $t(`${props.title}`) }}
       </h2>
     </div>
     <Marquee