title: This keyword is reserved in vuex
body: <p>I have a laravel app with app.js containing:</p>
  
  <pre><code>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'
  });
  </code></pre>
  
  <p>Store.js contains:</p>
  
  <pre><code>import Vue from 'vue'
  import Vuex from 'vuex'
  
  Vue.use(Vuex)
  
  
  export const store = new Vuex.Store({
      state: {
          menu: ['one', 'two']
      }
  });
  </code></pre>
  
  <p>Sidebar  contains:</p>
  
  <pre><code>export default {
          computed: {
  
              routes() {
                  return {
                      this.$store.state.menu;
                  }
              }
          }
      };
  </code></pre>
  
  <p>I run npm run dev and get error "this" is reserved word:</p>
  
  <p><a href="https://i.stack.imgur.com/h1cwR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h1cwR.png" alt="this"></a></p>
  
  <p>What am I doing wrong here?</p>