Semi Minimal Vue/Vuex/Vue-router boilerplate

index.js

const db = new Vuex.Store({
    state: {
        name : 'test',
    },
    getters: {
        name: state => {
            return state.name;
        }
    },
    mutations: {
        setName(state, name){
            state.name = name;
        }
    }
});

const homeComponent = Vue.extend({
    name: 'home',
    template: document.querySelector('#home').innerHTML,
    store: db,
    mounted: function(){
        document.getElementById('brand').focus();
    },
    computed: {
        name: function(){ return this.$store.getters.name },
    },
    methods: {
        setName: function(e){
            this.$store.commit('setName', e.target.value);
        }
    }
});

const routes = [
    { path: '/', component: homeComponent }
];

const router = new VueRouter({
    routes
});

new Vue({
    router,
    render: h => h('router-view')
}).$mount('#app');