Это ключевое слово зарезервировано в vuex

Question

У меня есть приложение laravel с app.js, содержащее:

require('./bootstrap');

window.Vue = require('vue');

import { store } from './store/store'

import Sidebar from './Sidebar'

Vue.component('sidebar', Sidebar)    

const app = new Vue({
    store: store,
    el: '#root'
});

Store.js содержит:

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)


export const store = new Vuex.Store({
    state: {
        menu: ['one', 'two']
    }
});

Боковая панель содержит:

export default {
        computed: {

            routes() {
                return {
                    this.$store.state.menu;
                }
            }
        }
    };

Iзапустите npm, запустите dev и получите сообщение об ошибке «this»:

Что я здесь не так делаю?

Answer 1

export default {
        computed: {

            routes() {
                   return this.$store.state.menu;//returning as array
            }
        }
    };

или

export default {
        computed: {

            routes() {
                   return { 'menu':this.$store.state.menu};//returning as object
            }
        }
    };