footer not fixed

components/Footer.vue

@@ -2,7 +2,7 @@
 const runtimeConfig = useRuntimeConfig();
 </script>
 <template>
-    <v-footer app text-center d-flex flex-column>
+    <v-footer absolute="true" text-center d-flex flex-column>
         <div class="px-4 text-center w-100">
             <v-btn prepend-icon="mdi-source-commit" variant="plain">
                 {{ runtimeConfig.public.shortSha }}

components/LayoutWrapper.vue

@@ -64,8 +64,7 @@ function onScroll() {
           </v-col>
         </v-row>
       </v-container>
-      <Footer>
-      </Footer>
+
       <!-- <div class="i-ph-anchor-simple-thin d-none" />
       <div class="i-tabler:database d-none" />
       <div class="i-mdi:book-education-outline d-none" />
@@ -78,6 +77,8 @@ function onScroll() {
     </slot>
     <NavTableOfContent v-if="toc" :links="page.body.toc.links ?? []" />
     <nav-back-to-top />
+    <Footer>
+    </Footer>
   </VApp>
 </template>