Typescript error when trying to call action from getter

[simshaun]

Is this a bug?

// Contrived example

import { defineStore } from 'pinia'

export const useTestStore = defineStore({
  id: 'test',

  state() {
    return {}
  },

  getters: {
    cssProperties(): string[] {
      const props = []

      for (const prop of ['foo', 'bar']) {
        props.push(this.getProp(prop))
      }

      return props
    },
  },

  actions: {
    getProp(prop: string): string {
      return prop
    },
  },
})

[posva]

This is rather intentionally left out because getters being computed properties they should not have side effects and therefore not call actions. It will work because this is the store but it isn't typed with the existing actions.

If you want to extract code into a function, it should rather be a regular function that takes as an argument whatever is needed to compute a value

[simshaun]

Gotcha. Extracted function it is. Thanks

[zh-pan]

But if this is the case, when I need get some 'like button' object, and when anyone button clicked, need call some action.