Why is the vuex component isn't updated, despite the state updating?
<p>When I load my page, I fetch a list of <a href="https://github.com/Coaxis-ASP/opt/tree/eb236f4e004e3b8cc492929c4ef10b1ddfaeec42/frontend/src/pages/optboxes/optboxes.vue" rel="nofollow"><code>optboxes</code> items</a>. </p>

<h3>Sources</h3>

<p>Project's sources are online:</p>

<ul>
<li><a href="https://github.com/Coaxis-ASP/opt/tree/eb236f4e004e3b8cc492929c4ef10b1ddfaeec42/frontend/src/pages/optboxes/optboxes.vue" rel="nofollow"><code>optboxes</code> page</a> ;</li>
<li><a href="https://github.com/Coaxis-ASP/opt/tree/eb236f4e004e3b8cc492929c4ef10b1ddfaeec42/frontend/src/store" rel="nofollow">store</a> (store, actions, mutations, getters).</li>
</ul>

<h3><code>optboxes</code> pages</h3>

<p>The HTTP request is well send and return adequate data:</p>

<pre><code>created(){
    this.getOptboxes();
},
components: {
    'optbox': OptboxComponent,
},
methods: {
    getOptboxes() {
        optboxes.all().then((response) =&gt; {
            this.setOptboxes(response.data.output);
    }).catch(() = &gt; {
            this.no_optbox_message = 'there is no optbox';
        logging.error(this.$t('optboxes.get.failed'))
    });
    }
},
vuex: {
    actions: { setOptboxes: actions.setOptboxes},
    getters: { optboxesList: getters.retrieveOptboxes}
}
</code></pre>

<p>I'm iterating over the results as follow:</p>

<pre><code>&lt;div v-for="optbox in optboxesList" class="panel panel-default"&gt;
     &lt;optbox :optbox="optbox"&gt;&lt;/optbox&gt;
&lt;/div&gt;
</code></pre>

<h3>Store</h3>

<pre><code>const state = {
    optboxes: {
        /*
        'akema': {
            hostname: "192.168.2.23",
            id: "akema",
            printers: [
                {
                    description: "bureau",
                    destination_port: 9100,
                    forward: "normal",
                    hostname: "1.2.3.4",
                    id: 0,
                    listening_port: 9102
                }
            ]
        }
        */
    }
};
</code></pre>

<h3>Question</h3>

<p>If I switch to another pages and come back then the list appear. I also notice that with the Vuex extension I can commit the state and see the changes.</p>

<p><strong>Why are my changes not applied automatically?</strong></p>