<template>
  <component :is="layout"></component>
</template>

<script>
  import DefaultLayout from '@/layouts/DefaultLayout';
  import SimpleLayout from '@/layouts/SimpleLayout';

  export default {
    name: 'App',

    components: {
      DefaultLayout,
      SimpleLayout
    },

    computed: {
      layout() {
        return (this.$route.meta.layout || 'default') + '-layout';
      }
    },

    mounted() {
    }
  }
</script>

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