Tengo un componente en el que quiero mostrar un dato definido en el estado. He creado el captador:

 export default createStore({ state: { foo: true, }, getters: { getFoo: state => state.foo } }

Y en el componente lo llamo desde computado:

 computed: { ...mapGetters(['getFoo']), }

Yo uso esa variable en un if en la plantilla:

 <template> <template v-if="foo"> <span>Bar</span> </template> </template>

Y en la consola recibo la siguiente advertencia: [Vue warn]: Property "foo" was accessed during render but is not defined on instance.

He intentado hacerlo sin los getters pero recibo la misma advertencia:

 computed: { getFoo() { return this.$store.getters.getFoo; } }