Soy bastante nuevo en vuejs 3 y vuex 4. Estoy tratando de hacer algo tan simple como getter. Como no me funcionó, hice un console.log para ver si el resultado aparecía en la consola. Lo que surgió fue esto: ComputedRefImpl {dep: undefined, _dirty: true, __v_isRef: true, effect: ReactiveEffect, _setter: ƒ, …}... Creo que tengo que implementar ref en el computado que uso para obtener el información del captador de la tienda, pero no sé qué hacer en este caso.
state: { title:'hello' }, getters: { title: state => state.title }, <template> {{title}} </template> <script> import {computed, ref} from 'vue' import {useStore} from 'vuex' export default { name: 'Lista', setup(){ const store = useStore(); const nuevaSerie = ref(""); let title = ref(""); /* const borrar_todo = async (index) =>{ store.dispatch ('lista/borrar_todo',{ index }) } const nueva_serie = async (nombre) =>{ store.dispatch ('lista/nueva_serie',{ nombre }) } const colores = async (index) =>{ await new Promise( (aceptar)=>{ setTimeout( ()=>{ aceptar() },100) }) store.dispatch ('lista/colores', index) }*/ title = computed(() => store.getters.title) console.log(title) let series = store.state.lista.series return { series, nuevaSerie, nueva_serie, borrar_todo, colores, title} } } </script>Finalmente encontré el error. La forma de llamar al comprador de la tienda era incorrecta. Aclaro que 'lista' es el nombre del módulo
<script> let title = computed(() => $store.getters["lista/title"]) </script>