removed scoped styling and used ::v-deep to pass styling to <slot>

components/typography/style.scss

@@ -1,15 +1,17 @@
 .typography {
-    display: block;
-
-    @extend %page-container;
-    grid-template-columns: 1fr;
-
-    p:not(:last-child) {
-        padding: calc(#{$spacing-base} * 2) 0;
-    }
-
-    p:last-child {
-        padding-top: calc(#{$spacing-base} * 2);
-        padding-bottom: 0;
+    ::v-deep {
+        display: block;
+
+        @extend %page-container;
+        grid-template-columns: 1fr;
+
+        p:not(:last-child) {
+            padding: calc(#{$spacing-base} * 2) 0;
+        }
+
+        p:last-child {
+            padding-top: calc(#{$spacing-base} * 2);
+            padding-bottom: 0;
+        }
     }
 }

pages/index.vue

@@ -8,14 +8,17 @@
       uitgebreid assortiment aan studentenkamers die voldoen aan al jouw wensen
       en behoeften. Mechelen, een stad doordrenkt van geschiedenis en cultuur,
       biedt niet alleen een fantastische omgeving om te studeren, maar ook een
-      levendige gemeenschap waarin je je snel thuis zult voelen. Onze
-      studentenkamers zijn strategisch gelegen in het hart van deze prachtige
-      stad, waardoor je gemakkelijk toegang hebt tot hogescholen, openbaar
-      vervoer, winkels, restaurants en alle andere voorzieningen die Mechelen te
-      bieden heeft. Of je nu op zoek bent naar een gezellige studio voor jezelf
-      of een gedeeld appartement met vrienden, wij hebben de ideale accommodatie
-      voor jou. Onze kamers zijn modern, comfortabel en volledig uitgerust,
-      zodat je je kunt concentreren op je studie en genieten van het
+      levendige gemeenschap waarin je je snel thuis zult voelen.
+    </p>
+
+    <p>
+      Onze studentenkamers zijn strategisch gelegen in het hart van deze
+      prachtige stad, waardoor je gemakkelijk toegang hebt tot hogescholen,
+      openbaar vervoer, winkels, restaurants en alle andere voorzieningen die
+      Mechelen te bieden heeft. Of je nu op zoek bent naar een gezellige studio
+      voor jezelf of een gedeeld appartement met vrienden, wij hebben de ideale
+      accommodatie voor jou. Onze kamers zijn modern, comfortabel en volledig
+      uitgerust, zodat je je kunt concentreren op je studie en genieten van het
       studentenleven in Mechelen.
     </p>
   </typography>

pages/sloefke/[...slug].vue

@@ -36,6 +36,4 @@ const { data } = await useAsyncData('data', async () => {
 if (!data.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found' })
 }
-</script>
-
-<style scoped lang="scss" src="./style.scss" />
+</script>

pages/sloefke/index.vue

@@ -42,6 +42,4 @@ const { data } = await useAsyncData('data', async () => {
 if (!data.value) {
   throw createError({ statusCode: 404, statusMessage: 'Page not found' })
 }
-</script>
-
-<style scoped lang="scss" src="./style.scss" />
+</script>