Added License Information

src/components/Footer.vue

@@ -1,36 +1,9 @@
 <script setup lang="ts">
-import { isDark, toggleDark } from '~/composables'
 
-const { t, availableLocales, locale } = useI18n()
-
-const toggleLocales = () => {
-  // change to some real logic
-  const locales = availableLocales
-  locale.value = locales[(locales.indexOf(locale.value) + 1) % locales.length]
-}
 </script>
 
 <template>
-  <nav class="text-xl mt-6">
+  <div class="prose mx-auto text-center text-sm text-gray-700 dark:text-gray-200">
-    <router-link class="icon-btn mx-2" to="/" :title="t('button.home')">
+    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> – Copyright © 2022 Philipp Geld
-      <carbon-campsite />
+  </div>
-    </router-link>
-
-    <button class="icon-btn mx-2 !outline-none" :title="t('button.toggle_dark')" @click="toggleDark()">
-      <carbon-moon v-if="isDark" />
-      <carbon-sun v-else />
-    </button>
-
-    <a class="icon-btn mx-2" :title="t('button.toggle_langs')" @click="toggleLocales">
-      <carbon-language />
-    </a>
-
-    <router-link class="icon-btn mx-2" to="/about" :title="t('button.about')">
-      <carbon-dicom-overlay />
-    </router-link>
-
-    <a class="icon-btn mx-2" rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank" title="GitHub">
-      <carbon-logo-github />
-    </a>
-  </nav>
 </template>

src/layouts/default.vue

@@ -7,4 +7,5 @@
       [Default Layout]
     </div>
   </main>
+  <Footer />
 </template>

src/layouts/home.vue

@@ -3,4 +3,5 @@
   <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
     <router-view />
   </main>
+  <Footer />
 </template>

src/layouts/posts.vue

@@ -5,4 +5,5 @@
       <router-view />
     </article>
   </main>
+  <Footer />
 </template>

src/layouts/projects.vue

@@ -5,4 +5,5 @@
       <router-view />
     </article>
   </main>
+  <Footer />
 </template>