title: Vuex: store.state.activities has a key "list" that is an array of 3 items, however store.state.activities.list returns an empty array
body: <p>My project is in Vue.</p>
  <p><code>store.state.activities</code> is an object that has 2 keys, one of them is an array called <code>list</code> that has 3 items.</p>
  <p>However, when I try to reference it using <code>store.state.activities.list</code>, I get an empty array.</p>
  <p>I've tried making both a shallow and a deep copy of <code>store.state.activities</code>, in both cases the copy has an empty <code>list</code> array.</p>
  <p><code>store.state.activities</code> structure:</p>
  <pre><code>{
      &quot;list&quot;: [
          {
              // some data
          },
          {
              // some data
          },
          {
              // some data
          }
      ],
      &quot;dictionaries&quot;: {}
  }
  </code></pre>
  <p><code>console.log(store.state.activities)</code> - you can see <code>list</code> has 3 items:
  <a href="https://i.stack.imgur.com/yWMUD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yWMUD.png" alt="store.state.activities" /></a></p>
  <p>whereas <code>store.state.activities.list</code> returns an empty array:
  <a href="https://i.stack.imgur.com/Zthts.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zthts.png" alt="store.state.activities.list" /></a></p>