Working

src/components/Footer.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const year = computed(() => new Date().getFullYear())
+</script>
+
+<template>
+  <footer class="w-container flex justify-between py-6 bg-white dark:bg-zinc-900 border-t border-zinc-100 dark:border-zinc-300/10">
+    <div class="w-full duration-300 text-center flex flex-col md:flex-row md:justify-between items-center gap-y-2">
+      <p class="text-subtitle text-sm">
+        © {{ year }} ArtDanjProduction
+      </p>
+      <div class="flex items-center">
+        <p class="text-subtitle">
+          Designed & Built by
+        </p>
+        <UButton variant="link" color="primary" label="Arthur Danjou" to="https://twitter.com/arthurdanj" target="_blank" />
+      </div>
+      <p class="text-subtitle flex items-center">
+        Made with
+        <UButton variant="link" color="green" label="Nuxt 3" to="https://nuxt.com/" target="_blank" icon="i-vscode-icons-file-type-nuxt" trailing/>
+      </p>
+    </div>
+  </footer>
+</template>
+
+<style>
+
+</style>