romanzipp · ppassmannpriv · Sep 14, 2021 · Sep 14, 2021
diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -5,43 +5,39 @@
 
         <div class="order-2 lg:order-1 flex-1 flex items-center justify-center lg:justify-end space-x-4">
 
-            <router-link v-for="link in links"
-                         :key="link.url"
-                         :to="link.url"
-                         class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
+            <nuxt-link v-for="link in links"
+                       :key="link.url"
+                       :to="localePath(link.url)"
+                       class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
                 {{ link.title }}
-            </router-link>
+            </nuxt-link>
 
         </div>
 
         <div class="order-1 lg:order-2 flex justify-center">
-
-            <router-link to="/">
-
+            <nuxt-link to="/">
                 <img src="/get_better_logo_transparent.png"
                      class="h-32"
                      alt="Logo">
-
-            </router-link>
-
+            </nuxt-link>
         </div>
 
         <div class="order-3 lg:order-3 flex-1 flex items-center justify-center lg:justify-start space-x-0 lg:space-x-4">
 
-            <router-link to="/"
-                         class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
+            <nuxt-link :to="localePath('/')"
+                       class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
                 Startseite
-            </router-link>
+            </nuxt-link>
 
-            <router-link to="/projekt"
-                         class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
+            <nuxt-link :to="localePath('/projekt')"
+                       class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
                 Über uns
-            </router-link>
+            </nuxt-link>
 
-            <router-link to="/faq"
-                         class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
+            <nuxt-link :to="localePath('/faq')"
+                       class="px-4 py-2 tracking-wide text-base lg:text-xl font-sans leading-normal hover:text-green-700 dark:hover:text-greener-100">
                 FAQ
-            </router-link>
+            </nuxt-link>
 
             <a class="px-4 py-2 hover:text-green-700 dark:hover:text-greener-100 cursor-pointer">
 
@@ -58,6 +54,13 @@
                      alt="Darkmode">
 
             </a>
+            <nuxt-link
+                v-for="locale in availableLocales"
+                :key="locale.code"
+                :to="switchLocalePath(locale.code)"
+                class="px-4 py-2 hover:text-green-700 dark:hover:text-greener-100 cursor-pointer">
+                {{ locale.name }}
+            </nuxt-link>
 
         </div>
 
@@ -75,6 +78,12 @@ export default {
         styles,
     ],
 
+    computed: {
+        availableLocales() {
+            return this.$i18n.locales.filter((i) => i.code !== this.$i18n.locale);
+        },
+    },
+
     created() {
         this.pullDark();
     },

diff --git a/content/ernaehrung.md → content/de/ernaehrung.md b/content/ernaehrung.md → content/de/ernaehrung.md
diff --git a/content/ethik.md → content/de/ethik.md b/content/ethik.md → content/de/ethik.md
diff --git a/content/faq.md → content/de/faq.md b/content/faq.md → content/de/faq.md
diff --git a/content/projekt.md → content/de/projekt.md b/content/projekt.md → content/de/projekt.md
diff --git a/content/umwelt.md → content/de/umwelt.md b/content/umwelt.md → content/de/umwelt.md
diff --git a/content/en/ernaehrung.md b/content/en/ernaehrung.md
diff --git a/content/en/ethik.md b/content/en/ethik.md
diff --git a/content/en/faq.md b/content/en/faq.md
diff --git a/content/en/projekt.md b/content/en/projekt.md
@@ -0,0 +1,18 @@
+---
+title: Über uns
+description: "Das Projekt »Get Better« ist vom Twitch-Streamer Dekarldent angestoßen worden. Wir haben uns vorgenommen eine Anlaufstelle zu generieren, die Menschen intensiver über die Auswirkungen des Konsums tierischen Produkten aufklärt, als auch dabei hilft in die Thematik rund um Veganismus einzutauchen und die eigene Ernährung umzustellen. Dafür hat Mimi, die bereits seit einiger Zeit vegan lebt, alle relevanten Informationen ausgearbeitet und so sind alle Inhalte auf dieser Seite entstanden."
+---
+
+# Get Better
+
+Das Projekt »Get Better« ist vom Twitch-Streamer [Dekarldent](https://www.twitch.tv/dekarldent) angestoßen worden. Wir haben uns vorgenommen eine Anlaufstelle zu generieren, die Menschen intensiver über die Auswirkungen des Konsums von tierischen Produkten aufklärt, als auch dabei hilft in die Thematik rund um Veganismus einzutauchen und die eigene Ernährung umzustellen. Dafür hat [Mimi](https://www.twitter.com/heymibbi), die bereits seit einiger Zeit vegan lebt, alle relevanten Informationen ausgearbeitet und so sind alle Inhalte auf dieser Seite entstanden.
+
+Uns ist es wichtig, alle Informationen sauber zu belegen, um die Informationsgewinnung transparent für alle nachvollziehbar zu gestalten. Jede Aussage hat einen Quellenverweis. Solltet ihr Anmerkungen zu den Texten haben, Fehler finden, dürft ihr euch gerne bei [tamaaa auf Twitter](https://www.twitter.com/tamaaalol) melden, oder im Discord an tamaaa#0001. Bei inhaltlichen Fragen zu Veganismus freut sich [Mimi auf Twitter](https://www.twitter.com/heymibbi) auf eure Nachrichten, oder auch über Discord an Mimi#2964.
+
+Für die technische Umsetzung dieser grandiosen Internetseite bedanken wir uns recht herzlich bei [Roman Zipp](https://ich.wtf/), der hier in kurzer Zeit ein fantastisches Ergebnis hingezaubert hat.
+
+Wir wünschen euch viel Spaß beim Stöbern und freuen uns, wenn wir möglichst viele Menschen dazu bewegen können, sich zukünftig vegan zu ernähren.
+
+# Open Source
+
+Das gesamte Projekt ist ebenfalls [Open Source auf GitHub verfügbar](https://github.com/romanzipp/GetBetter), worüber ihr technische oder inhaltliche Änderungsvorschläge einbringen könnt.