I am encountering an issue with a specific component in my Quasar project. I am currently utilizing a Q-table to display data pulled from a data field, which is supposed to sync automatically with the Vuex store. However, I am noticing that the data does not update while staying on the component; it only updates when I navigate away and back to the component. Any assistance on resolving this issue would be greatly appreciated. Here is the Vuex Store code snippet:
import { Module, VuexModule, getModule, Mutation, Action } from 'vuex-module-decorators'
import { websocket } from 'src/boot/socket.io-client'
import store from 'src/store'
import { AcademicProgramData, AcademicProgramPagination, AcademicProgramQualification, AcademicProgramStatus } from './types'
...
<p>Below is the code snippet for my Component:</p>
<pre><code><template>
<div>
<q-toolbar
class="bg-grey-1 text-subtitle1 text-blue-grey-8 shadow-2 rounded-borders"
>
...
</script>