App.vue

<template>
    <div class="uk-offcanvas-content">
        <div>{{ websiteName }}</div>
        <navigation-bar></navigation-bar>
        <main-content-area></main-content-area>
    </div>
</template>

<script>
    import { mapState, mapGetters } from 'vuex';
    import NavigationBar from "./header/NavigationBar";
    import MainContentArea from "./content-area/MainContentArea";

    export default {
        name: "AppComponent",

        components: {
            MainContentArea,
            NavigationBar
        },

        mounted () {
            this.$store.dispatch('fetch');
        },

        computed: {
            ...mapState(['website']),
            ...mapGetters({
                websiteName: 'websiteName',
                websiteLogoUrl: 'websiteLogoUrl',
            }),
        },
    }
</script>

<style scoped>

</style>