diff --git a/app/composables/useDataJson.ts b/app/composables/useDataJson.ts
index 4382a22..7434586 100644
--- a/app/composables/useDataJson.ts
+++ b/app/composables/useDataJson.ts
@@ -47,8 +47,8 @@ export const useDataJson = (prefix: string) => {
     return data as Ref<T | null>;
   };
 
-  const getJsonData = async (collectionPrefix: string = 'content_data_') => {
-    return getData(collectionPrefix, { useFilter: true, extractMeta: true });
+  const getJsonData = async <T = unknown>(collectionPrefix: string = 'content_data_') => {
+    return getData<T>(collectionPrefix, { useFilter: true, extractMeta: true });
   };
 
   const getPageContent = async (collectionPrefix: string = 'content_', fallbackToEnglish: boolean = true) => {
diff --git a/app/pages/resume.vue b/app/pages/resume.vue
index db2471c..3f4eba5 100644
--- a/app/pages/resume.vue
+++ b/app/pages/resume.vue
@@ -35,13 +35,16 @@
 </template>
 
 <script setup lang="ts">
+import { ResumeContent } from '~/types/resume';
+
 useMeta({
   title: $t('pages.resume.name'),
   description: $t('pages.resume.description'),
 });
 const { getJsonData } = useDataJson('resume');
-const resumeContent = await getJsonData();
-const arrLength = (array?: T[]) => (array ? array.length - 1 : 0);
+const resumeContent$ = await getJsonData<ResumeContent>();
+const resumeContent = computed(() => (resumeContent$.value ? resumeContent$.value : new ResumeContent()));
+const arrLength = <T,>(array?: T[]) => (array ? array.length - 1 : 0);
 const valueExp = computed(() => arrLength(resumeContent.value?.experience));
 const valueEd = computed(() => arrLength(resumeContent.value?.education));
 </script>
diff --git a/app/types/resume.ts b/app/types/resume.ts
index 6d9c45e..af6f695 100644
--- a/app/types/resume.ts
+++ b/app/types/resume.ts
@@ -1,13 +1,16 @@
-export interface ResumeExperience extends TimelineItem {
-  tools: string[];
+import type { TimelineItem } from '@nuxt/ui';
+
+export class ResumeExperience implements TimelineItem {
+  tools: string[] = [];
+  description?: string;
 }
 
-export interface ResumeContent {
-  experience: ResumeExperience[];
-  education: TimelineItem[];
-  otherTools: string[];
-  devops: string[];
-  os: string[];
-  programmingLanguages: string[];
-  frameworks: string[];
+export class ResumeContent {
+  experience: ResumeExperience[] = [];
+  education: TimelineItem[] = [];
+  otherTools: string[] = [];
+  devops: string[] = [];
+  os: string[] = [];
+  programmingLanguages: string[] = [];
+  frameworks: string[] = [];
 }