src/pages/Main.vue

<template>
  <div class="main-container">
    <Header />
    <router-view />
    <Footer />
  </div>
</template>

<script>
import Header from '../components/Header.vue'
import Footer from '../components/Footer.vue'
export default {
  name: 'Main',
  components: {
    Header,
    Footer
  }
}
</script>

<style scoped>
.main-container {
  width: 100%;
  height: 100%;
}
</style>