feat: add privacy-policy; add aliases

nuxt.config.ts

@@ -1,3 +1,5 @@
+import { fileURLToPath } from 'node:url'
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   modules: [
@@ -28,6 +30,12 @@ export default defineNuxtConfig({
     dirs: ['stores']
   },
 
+  alias: {
+    '@images': fileURLToPath(new URL('./assets/images', import.meta.url)),
+    '@styles': fileURLToPath(new URL('./assets/styles', import.meta.url)),
+    '@sass-butler': fileURLToPath(new URL('./node_modules/@felix_berlin/sass-butler/', import.meta.url))
+  },
+
   apollo: {
     clients: {
       default: {

pages/imprint.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="c-content o-legal-pages">
     <GutenbergBlocks v-if="result?.page.content" :blocks="result.page.blocks" />
   </div>
 </template>
@@ -29,6 +29,6 @@ useServerSeoMeta({
 })
 </script>
 
-<style scoped>
-
+<style lang="scss">
+@use '@styles/objects/legal-pages';
 </style>

pages/privacy-policy.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="c-content o-legal-pages">
+    <GutenbergBlocks v-if="result?.page.content" :blocks="result.page.blocks" />
+  </div>
+</template>
+
+<script setup lang="ts">
+
+const query = gql`
+query imprintPage {
+  page(id: "4715", idType: DATABASE_ID) {
+    content,
+    blocks {
+      name
+      order
+      attributesJSON
+    }
+  }
+}`
+
+const { result } = useQuery(query)
+
+useServerSeoMeta({
+  title: 'Datenschutzerklärung - Berliner Schnauze',
+  ogTitle: 'Datenschutzerklärung - Berliner Schnauze',
+  description: 'Die Datenschutzerklärung von Berliner Schnauze.',
+  ogDescription: 'Die Datenschutzerklärung von Berliner Schnauze.'
+})
+</script>
+
+<style lang="scss">
+@use '@styles/objects/legal-pages';
+</style>