<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
    @import 'index.scss';
</style>
<template>
    <div class="view-container welcome-view">
        <img src="../../assets/logo.png">
        <h1>ValueOnline Capital IO - FE</h1>
        <h2>Essential Links</h2>
        <ul>
            <li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>
            <li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>
            <li><a href="https://chat.vuejs.org" target="_blank">Community Chat</a></li>
            <li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
            <br>
            <li>
                <a href="http://vuejs-templates.github.io/webpack/" target="_blank">
                    Docs for This Template
                </a>
            </li>
        </ul>
        <h2>Ecosystem</h2>
        <ul>
            <li><a href="http://router.vuejs.org/" target="_blank">vue-router</a></li>
            <li><a href="http://vuex.vuejs.org/" target="_blank">vuex</a></li>
            <li><a href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li>
            <li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>
        </ul>

        <h2>Capital Vue</h2>
        <ul>
            <li>
                <router-link to="/template">Template</router-link>
            </li>
        </ul>

    </div>
</template>

<script>
    // import {mapGetters} from 'vuex';

    const _Welcome = {
        name: 'Welcome',
        created: function () {
            console.log('Welcome - > created ');
        },
        updated: function () {
        },
        mounted: function () {
            console.log('Welcome - > mounted ');
        },
        activated: function () {
        },
        data: function () {
            return {};
        },
        methods: {},
        components: {},
        computed: {
            // ...mapGetters([])
        }
    };
    export default _Welcome;
</script>

