<template>
    <div class="App">
        <h1>MyApp</h1>
        <navigation :items="navigationItems"></navigation>
        <transition name="component-fade" mode="out-in">
            <router-view></router-view>
        </transition>
    </div>
</template>

<script>

import Navigation from './components/navigation.vue';

export default {
    name: "App",
    components: {
        Navigation
    },
    data() {
        return {
            navigationItems: this.$store.state.navigation
        }
    },
    created() {
    }
}
</script>
