feat: add footer to breviarium project

Author: miguelms95

src/App.vue

@@ -2,12 +2,13 @@
   <div class="min-h-screen bg-slate-50 py-8 px-4">
     <div class="max-w-3xl mx-auto">
       <HeaderPage/>
-
       <CardSaintSelector/>
+      <FooterCopy/>
     </div>
   </div>
 </template>
-<script setup lang="ts">
+<script lang="ts" setup>
 import CardSaintSelector from "./components/CardSaintSelector.vue";
 import HeaderPage from "./components/HeaderPage.vue";
+import FooterCopy from "./components/FooterCopy.vue";
 </script>

src/components/FooterCopy.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="text-center py-6 text-slate-500 text-sm">
+    <a href="https://breviarium.es/" target="_blank">Breviarium Project</a>
+  </div>
+</template>
+<script lang="ts" setup>
+</script>