<template>
  <div id="app">
    <!-- <header>
      <h1>
        <router-link :to="{ name: 'home' }">En Français</router-link>
      </h1>
    </header> -->

    <main id="main">
      <router-view />
    </main>

    <footer>
      <p>footer</p>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'App',

  metaInfo: {
    // if no subcomponents specify a metaInfo.title, this title will be used
    title: 'Home',
    // all titles will be injected into this template
    titleTemplate: '%s | En Français',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
    ]
  }
}
</script>

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