Rework imprint

- use existing markdown files
- change path to English word imprint
- highlight colon lines in imprint

src/assets/markdown/imprint/imprint_left.md

@@ -1,4 +1,4 @@
-Verantwortlich für Inhalt und Umsetzung von eXa-online.de:
+**Verantwortlich für Inhalt und Umsetzung von eXa-online.de:**
 
 
 eXa-online GmbH
@@ -13,6 +13,6 @@ Fax: +49 341 8781755
 
 [info[at]exa-online.de](mailto:[email protected])
 
-Geschäftsführer:
+**Geschäftsführer:**
 
 Carsten Paul

src/assets/markdown/imprint/imprint_right.md

@@ -1,17 +1,15 @@
-Registergericht:
+**Registergericht:**
 
 Amtsgericht Leipzig HRB 15180
 
-
-Sitz der Gesellschaft:
+**Sitz der Gesellschaft:**
 
 eXa-online GmbH
 
 Kochstraße 138
 
 04277 Leipzig
 
+**Ust.-Id.Nr. gemäß §27a Umsatzsteuergesetz:**
 
-Ust.-Id.Nr. gemäß §27a Umsatzsteuergesetz:
-
-DE-197342272 
+DE-197342272

src/components/header.vue

@@ -2,7 +2,7 @@
   <div id="nav">
     <HeaderBurgerMenu />
     <div id="header-actions">
-      <atoms-button-pill @click="() => router.push({ path: '/impressum' })">
+      <atoms-button-pill @click="() => router.push({ path: '/imprint' })">
         Kontakt
       </atoms-button-pill>
       <HeaderCookieButton id="cookie-button" />

src/pages/impressum.vue → src/pages/imprint.vue

@@ -2,27 +2,14 @@
   <div class="imprint">
     <h1>Impressum</h1>
     <div class="imprint-data">
-      <div class="imprint-data__column">
-        <p>Verantwortlich für Inhalt und Umsetzung von eXa-online.de:</p>
-        <p>eXa-online GmbH</p>
-        <p>Kochstraße 138</p>
-        <p>04277 Leipzig</p>
-        <p><a href="tel:+493418781754">Tel.:+49 341 8781754</a></p>
-        <p>Fax: +49 341 8781755</p>
-        <p><a href="mailto:[email protected]">info[at]exa-online.de</a></p>
-        <p>Geschäftsführer:</p>
-        <p>Carsten Paul</p>
-      </div>
-      <div class="imprint-data__column">
-        <p>Registergericht:</p>
-        <p>Amtsgericht Leipzig HRB 15180</p>
-        <p>Sitz der Gesellschaft:</p>
-        <p>eXa-online GmbH</p>
-        <p>Kochstraße 138</p>
-        <p>04277 Leipzig</p>
-        <p>Ust.-Id.Nr. gemäß §27a Umsatzsteuergesetz:</p>
-        <p>DE-197342272</p>
-      </div>
+      <vue-markdown
+      class="imprint-data__column"
+      :source="imprintLeft"
+      />
+      <vue-markdown
+      class="imprint-data__column"
+      :source="imprintRight"
+      />
     </div>
     <atoms-button-pill @click="() => router.push({ path: '/' })">
       Zurück zur Startseite
@@ -31,10 +18,14 @@
 </template>
 
 <script setup lang="ts">
+import VueMarkdown from 'vue-markdown-render'
+import { useMarkdownImport } from '~/composables/use-requires'
+
 const router = useRouter()
-</script>
+const requireMarkdown = useMarkdownImport()
 
-<script lang="ts">
+const imprintLeft = requireMarkdown('imprint/imprint_left.md')
+const imprintRight = requireMarkdown('imprint/imprint_right.md')
 </script>
 
 <style lang="scss" scoped>