From 5e71fd8ed5c9ea844fe3d110067f3405519f05e0 Mon Sep 17 00:00:00 2001
From: Felix Scholze <felix@webshaped.de>
Date: Sun, 19 Mar 2023 18:39:51 +0100
Subject: [PATCH] feat: add privacy-policy; add aliases

---
 nuxt.config.ts           |  8 ++++++++
 pages/imprint.vue        |  6 +++---
 pages/privacy-policy.vue | 33 +++++++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 3 deletions(-)
 create mode 100644 pages/privacy-policy.vue

diff --git a/nuxt.config.ts b/nuxt.config.ts
index a5553adb..945fcfb9 100644
--- a/nuxt.config.ts
+++ b/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: {
diff --git a/pages/imprint.vue b/pages/imprint.vue
index 6be2dea8..e9e91035 100644
--- a/pages/imprint.vue
+++ b/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>
diff --git a/pages/privacy-policy.vue b/pages/privacy-policy.vue
new file mode 100644
index 00000000..68dbf9fb
--- /dev/null
+++ b/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>