Made base structure for about me page

src/i18n/en.json

@@ -66,7 +66,7 @@
                 "location": "Oslo, Norway",
                 "startDate": "2016-08-01",
                 "endDate": "2016-12-01",
-                "description": "Seminar leader and teaching assistant for the subject 'Public administration and management'. Main emphasis on planning, facilitating and leading seminars, as well as helping students with assignments and projects."
+                "description": "Seminar leader and teaching assistant for the subject \"Public administration and management\". Main emphasis on planning, facilitating and leading seminars, as well as helping students with assignments and projects."
             },
             {
                 "company": "Norwegian Institute for Urban and Regional Research - NIBR",
@@ -122,5 +122,19 @@
                 "description": "An international educational programme taught in English. The programme gives qualification for entry into higher education."
             }
         ]
-    }
+    },
+    "about": [
+        {
+            "heading": "About me",
+            "body": "hei"
+        },
+        {
+            "heading": "?",
+            "icon": "expand_more",
+            "body": "hei2"
+        },
+        {
+            "body": "hei3"
+        }
+    ]
 }

src/i18n/no.json

@@ -106,21 +106,34 @@
                 "description": "I studiet opparbeider jeg ferdigheter i å skrive god og effektiv programkode i ulike programmeringsspråk. Jeg følger prosessen fra idé til fungerende program med spesialisering i applikasjonsutvikling.\n\nStudiet gir en grunnleggende informatikkutdannelse, men med større vekt på programmering enn det som er vanlig i slike studier. Det benyttes i stor grad de samme verktøyene som man finner i bruk i profesjonelle virksomheter."
             },
             {
-                "school": "OsloMet (previously HiOA)",
+                "school": "OsloMet (tidl. HiOA)",
                 "url": "https://www.oslomet.no/",
                 "degree": "Bachelor of Administration and Management",
                 "startDate": "2014-08-01",
                 "endDate": "2017-06-01",
                 "description": "Bachelorstudiet ga bred kompetanse i offentlig politikk og administrasjon, juss, økonomi, organisasjonsfag og ledelse. Utdanningen er særlig rettet mot offentlig sektor, men gir også relevant kompetanse for arbeid innen organisasjons- og næringsliv.\n\nBacheloroppgaven min omhandlet Jernbanereformen, og hvordan de ansatte har oppfattet kommunikasjon fra politikerne og fra ledelsen underveis i prosessen. "
             },
             {
-                "school": "Frederik II High School",
+                "school": "Frederik II Videregående Skole",
                 "url": "https://viken.no/frederikii-vgs/utdanningstilbud/international-baccalaureate-ib/international-baccalaureate/",
                 "degree": "International Baccalaureate",
                 "startDate": "2012-08-01",
                 "endDate": "2014-06-01",
                 "description": "Et internationalt studiespesialiserende utdanningsprogram med engelsk som undervisnings- og eksamensspråk. Regnes generelt som mer krevende enn vanlig studiespesialiserende."
             }
         ]
-    }
+    },
+    "about": [
+        {
+            "heading": "Om meg",
+            "body": "hei"
+        },
+        {
+            "heading": "?",
+            "body": "hei2"
+        },
+        {
+            "body": "hei3"
+        }
+    ]
 }

src/models/IContent.ts

@@ -0,0 +1,5 @@
+export interface IContent {
+    heading?: string;
+    icon?: string;
+    body: string;
+}

src/views/AboutView.vue

@@ -1,6 +1,14 @@
+<script setup lang="ts">
+import type { IContent } from '@/models/IContent';
+
+</script>
+
 <template>
-  <div class="about">
-    <p>Lorem Ipsum</p>
+  <div class="space-y-4">
+    <div v-for="(item, index) in ($tm('about') as IContent[])" :key="index">
+      <h2><span class="font-icon">{{ item.icon }}</span> {{ item.heading }}</h2>
+      <p>{{ item.body }}</p>
+    </div>
   </div>
 </template>
 

src/views/ResumeView.vue

@@ -15,6 +15,7 @@ import { usePrefersReducedMotion } from '@/utilities/prefers-reduced-motion';
 import { type IEmployment } from '@/models/IEmployment';
 import { type IEducation } from '@/models/IEducation';
 
+// i18n
 import { useI18n } from "vue-i18n";
 import type { IResumeItem } from '@/models/IResumeItem';
 const i18n = useI18n();
@@ -104,7 +105,7 @@ function onLeave(el: any, done: any) {
       <template #icon>school</template>
       <template #heading>{{ $t('resume.education') }}</template>
       <ul class="flex flex-col space-y-6">
-        <CVItem v-for="ed in education" :key="ed.degree" :startDate="new Date(ed.startDate)"
+        <CVItem v-for="ed in education" :startDate="new Date(ed.startDate)"
           :endDate="ed.endDate ? new Date(ed.endDate) : undefined" :company="ed.school" :url="ed.url"
           :position="ed.degree">
           <template #description>{{ ed.description }}</template>
@@ -114,4 +115,4 @@ function onLeave(el: any, done: any) {
   </ul>
 </template>
 
-<style scoped></style>@/models/IEducation@/models/IEmployment
+<style scoped></style>