<template>
  <div class="home-page">
    <byjove-logo :appsettings="appsettings"></byjove-logo>
    <h2>Welcome to {{ appsettings.appTitle }}</h2>
  </div>
</template>

<script>
import appsettings from '@/appsettings'
import {ByjoveLogo} from 'byjove'

export default {
    name: 'home',
    components: {
        ByjoveLogo,
    },
    data() {
        return {
            appsettings: appsettings,
        }
    },
}
</script>

<style scoped>
.home-page {
    text-align: center;
}
</style>
