menduner/src/layout/index.vue

<template>
  <div class="parent">
    <Headers></Headers>
    <router-view></router-view>
    <Footers class="footer"></Footers>
  </div>
</template>

<script setup>
import Headers from './personal/navBar.vue'
import Footers from './personal/footer.vue'
defineOptions({ name: 'layout-index' })
</script>

<style lang="scss" scoped>
.parent {
  height: 100vh;
  position: relative;
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
</style>