greenpress / vuex-composition-helpers

A util package to use Vuex with Composition API easily.
https://www.npmjs.com/package/vuex-composition-helpers
MIT License
288 stars 32 forks source link

TypeScript error using getter in template #44

Open oliv3 opened 3 years ago

oliv3 commented 3 years ago

Hi, I have this getter that returns a number:

export type Getters = {
  (...)
  getItems(state: State): number
}

and

export const getters: GetterTree<State, State> & Getters = {
  (...)
  getItems: state => state.items
}

I can use getItems.value in methods and it works fine. But if I try to use getItems in the template, e.g. <div v-if="getItems < 2" (...)> I get this error:

(property) getItems: Ref<any>
Operator '<' cannot be applied to types 'Ref<any>' and 'number'

What's going wrong ? Thanks (and thank you for this very useful library).

oliv3 commented 3 years ago

The warning/error goes away if I use the + operator, e.g. <div v-if="+getItems < 2" (...)>. Is this what should be done ?