Store as a composable

[DennGuez]

I have this state:

export interface PlacesState {
    isLoading: boolean
    userLocation?: [number, number], 
    location: string
}

export const useMapStore = defineStore('places', () => {
 
   const places = ref<PlacesState>({
        isLoading: true,
        userLocation: undefined,
        location: 'Gotham'
    })

   return {
      places
   }
       
})

The calls in template works like this: mapStore.places.location and not like this mapStore.location why??

[posva]

Maybe you meant to write:

return { ...toRefs(places.value) }