// Footer.vue 생성
<template>
  <footer>
    <Logo />
    <a
      href="<https://github.com/Malza0408>"
      target="_blank">
      (c){{ new Date().getFullYear() }} MALZA
    </a>
  </footer>
</template>

<script>
import Logo from '~/components/Logo'
export default {
  components: {
    Logo
  }
}
</script>

<style lang="scss" scoped>
footer {
  padding: 70px 0;
  text-align: center;
  opacity: .3;
  .logo {
    display: block;
    margin-bottom: 4px;
  }
}
</style>

// Footer 는 어떤 페이지에서든지 보이기 때문에 App.vue 에서 그린다.
<template>
  <Header />
  <RouterView />
  <Footer />
</template>

<script>
import Header from "~/components/Header"
import Footer from "~/components/Footer"

export default {
  components: {
    Header,
    Footer
  }
}
</script>

<style lang="scss">
@import '~/scss/main';
</style>