title: Vue mapState non reactive
body: <p>I try to get the state from the store using the mapState function, But I can't use the generated code that returns the values into my template code ...</p>
  <pre><code>&lt;template&gt;
           // Some code
                  &lt;template v-if=&quot;!isLoggedIn&quot;&gt;
                      // Some code
                  &lt;/template&gt;
                  &lt;template v-else&gt;
                      // Some code
                      {{ currentUser.name }} 
                  &lt;/template&gt;
      
          // Some code
  &lt;/template&gt;
  
  &lt;script&gt;
      import { mapState } from &quot;vuex&quot;;
  
      export default {
          // Some code
          computed: {
            ...mapState({auth : ['currentUser', 'isLoggedIn','customers']})
          }
      }
  &lt;/script&gt;
  </code></pre>
  <p>instead the following code work</p>
  <pre><code>&lt;script&gt;
      import { mapState } from &quot;vuex&quot;;
  
      export default {
          // Some code
          computed: {
            currentUser() {
                  return this.$store.state.auth.currentUser
              },
              isLoggedIn() {
                  return this.$store.state.auth.isLoggedIn
              },
          }
      }
  &lt;/script&gt;
  </code></pre>
  <p>Warning message</p>
  <blockquote>
  <p>[Vue warn]: Property or method &quot;isLoggedIn&quot; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: <a href="https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties</a>.</p>
  </blockquote>
  <p>Thanks in advance</p>