title: Vue / Vuex. Vuex store properties not accessible from my component
body: <p>I have a vue app, and a component. The component is registered and rendering just fine. I just imported vuex to help with state management. I am using typescript and vue-class-decorator for better type safety.</p>
  
  <p>My app look like so: .ts</p>
  
  <pre><code>// load vuex stores
  let store = require('./store/store.ts');
  
  // register components here...
  Vue.component('my-component', require('./components/MyComponent.vue'));
  
  // initialize vue applications here...
  const app = new Vue({
      el: '#app',
      store
  });
  </code></pre>
  
  <p>I can console.log the store and see that store is indeed required correctly.</p>
  
  <p>Here's my store: .ts</p>
  
  <pre><code>import Vuex from 'vuex'
  import Vue from 'vue'
  
  Vue.use(Vuex);
  
  export default new Vuex.Store({
      state: {
          active: false,
      },
      getters: {
          isActive: state =&gt; state.active
      }
  });
  </code></pre>
  
  <p>Here's my component: .ts</p>
  
  <pre><code>import { Vue, Component, Prop } from 'vue-property-decorator'
  import axios from 'axios'
  
  @Component
  export default class MyComponent extends Vue {
  
      @Prop(String) route?: string
  
      resent: boolean = false
  
      loading: boolean = false
  
  
  
      // constructor
      mounted (): void {
          if (!this.route) {
              throw new Error("The route property is missing");
          }
      }
  
      get myActiveState (this :Vue): any {
          console.log(this.$store);
          return this.$store.getters.isActive;
      }
  }
  </code></pre>
  
  <p>It doesn't matter what I try, I cannot access the stores state property. I can console log <code>this.$store</code> and I do indeed get the correct store, same if I put a breakpoint in and inspect I can directly access the active property, but if I try and console log <code>this.store.state.active</code> or <code>this.store.getters.isActive</code>, then I get an error.</p>
  
  <p><strong><code>[Vue warn]: Error in render: "TypeError: Cannot read property 'isActive' of undefined"</code></strong></p>
  
  <p>I can put a breakpoint in and inspect the console to double check the contents of each property. Everything looks good. BUT i cannot access the property with <code>$store.state.active</code> I have to do <code>$store.default.state.active</code>.</p>
  
  <p><strong>What is going on here?</strong> Why can I not access the state when it's coded? Additionally trying to code <code>this.$store.default.state.active</code> gives me a build error <code>property does not exist on type Store&lt;any&gt;</code></p>