proginn-frontend/pages/index.vue

<template>
  <section id="proginn-container">
    <proginn-header/>
    <router-view id="main"/>
    <proginn-footer/>
  </section>
</template>

<script>
import ProginnHeader from '@/components/header'
import ProginnFooter from '@/components/footer'

export default {
  components: {
    ProginnHeader,
    ProginnFooter
  },
}
</script>

<style>
#proginn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#main {
  flex: 1;
}
</style>