#72 - Add about page + handle markdown

src/pages/about.vue

@@ -6,7 +6,7 @@
     <div class="container mx-auto mt-8 p-8 bg-slate-100">
       <h1 class="text-xl font-bold mb-8">{{ t('about.title') }}</h1>
 
-      <div v-html="content" />
+      <div class="content" v-html="content" />
     </div>
   </OcLayoutSimple>
 </template>
@@ -47,11 +47,11 @@ const breadcrumbItems = computed<OcBreadcrumbItem[]>(() => [
 </script>
 
 <style lang="css" scoped>
-:deep(p) {
+:deep(.content p) {
   @apply mb-2;
 }
 
-:deep(a) {
+:deep(.content a) {
   @apply underline;
 }
 </style>