add education section

src/components/EducationSection.vue

@@ -0,0 +1,43 @@
+<template>
+	<div>
+		<section-header text="Education" />
+		<div class="space-y-8">
+			<entry
+				from="10/2020"
+				title="Paderborn University"
+				description="Computer Science Student, M.Sc."
+			/>
+			<entry
+				from="08/2018"
+				to="08/2020"
+				description="Scholarship Deutschlandstipendium"
+			/>
+			<entry
+				from="10/2016"
+				to="03/2018"
+				title="Wonderland University"
+				description="Student of the Really Long Name Stuff Stuff Stuff Stuff."
+				addition="(Abschlussnote: 1.0)"
+			/>
+			<entry
+				from="10/2013"
+				to="09/2016"
+				title="Police Academy"
+				description="Police Car Goes Brooom Broom"
+				addition="Academic Minor: Math/Physics"
+			/>
+			<entry
+				from="08/2005"
+				to="09/2013"
+				title="Hawkins High"
+				description="Saving the World and Stuff"
+				addition="(Abschlussnote: 1.3)"
+			/>
+		</div>
+	</div>
+</template>
+
+<script setup>
+import SectionHeader from "@/components/headers/SectionHeader.vue";
+import Entry from "@/components/history/HistoryEntry.vue";
+</script>

src/components/history/HistoryEntry.vue

@@ -8,15 +8,19 @@
 			<div class="">
 				{{ description }}
 			</div>
+			<div>
+				{{ addition }}
+			</div>
 		</div>
 	</div>
 </template>
 
 <script setup>
 defineProps({
 	from: { type: String, required: true },
-	to: { type: String, default: "heute" },
-	title: { type: String, default: "Globex Corporation" },
+	to: { type: String, default: "today" },
+	title: { type: String, default: "" },
 	description: { type: String, default: "" },
+	addition: { type: String, default: "" },
 });
 </script>

src/views/Playground.vue

@@ -6,7 +6,8 @@
 		<template #header>
 			<page-header headline="Sonstiges" />
 		</template>
-		<personal-section />
+		<personal />
+		<education />
 	</page>
 </template>
 
@@ -16,5 +17,6 @@ import Letter from "@/views/pages/Letter.vue";
 import History from "@/views/pages/History.vue";
 import Page from "@/views/pages/Page.vue";
 import PageHeader from "@/components/headers/PageHeader.vue";
-import PersonalSection from "@/components/PersonalSection.vue";
+import Personal from "@/components/PersonalSection.vue";
+import Education from "@/components/EducationSection.vue";
 </script>