Typescript issues when using the options API

[kd-ricardo-tavares]

When using the map helpers I get a TS2339 error when trying to access a mapped store/prop in a computed prop, they work fine when used in actions so I'm wondering if this is by design?

const useCartStore = defineStore('cart', {
  state: (): { items: { name: string }[] } => ({
    items: [],
  }),
});

export default defineComponent({
  name: 'Test',

  computed: {
    ...mapStores(useCartStore),
    ...mapState(useCartStore, ['items']),

    // these throw a ts error
    example2() {
      return this.cartStore.items;
    },
    exampleState2() {
      return this.items;
    },
  },

  methods: {
    // these work fine
    example() {
      return this.cartStore.items;
    },
    exampleState() {
      return this.items;
    },
  },
});

I've also noticed that when I use the mapStores helper my IDE (webstorm) provides type information but when I use mapState it doesn't, am I missing something?

[posva]

This is a TS limitation when using this. You need to type the return value: https://v3.vuejs.org/guide/typescript-support.html#annotating-return-types

[kd-ricardo-tavares]

Ah right, should have known better as I've run into this issue before. Thanks!