add footer

app.vue

@@ -11,10 +11,9 @@
         <NuxtPage />
 
         <BackToTheTop />
-
-        <v-footer no-gutters :height="36">
-        </v-footer>
       </div>
+
+      <Footer />
     </v-app>
   </NuxtLayout>
 </template>

components/Footer.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="spacer" />
+  <v-footer no-gutters :height="36">
+    Olivier Massot, 2024 - Built with Nuxt.js
+  </v-footer>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+.spacer {
+  margin-top: 64px;
+}
+
+footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 50px;
+  background-color: rgba(var(--v-theme-primary-alt), 0.1);
+}
+</style>