*Design Question* Auto code completion does not recognize parameterized getter methods

[stanleyxu2005]

Webstorm IDE cannot auto complete parameterized getter methods, e.g. getModelById below. It thinks the pararmeter is state.

import { defineStore } from 'pinia'

export const useStore = defineStore('main', {
  state: () => ({
    models: {}, // key is id, value is model
  }),
  getters: {
    // Parameterized getter method (not cached)
    getModelById: (state) => {
      return (id) => state.models[id]
    },
    // Pure computed getter method
    modelCount: (state) => {
      return Object.keys(state.models).length
    }
  },
})

My current workaround is put certain getters in actions section, but it's not good, because methods in actions section should only be methods that mutate state.

I'm thinking if it will make more sense to introduce 2 sections computed and getters in future design. Normal getter methods with parameters would be groupped together and the state variable is inplicit passed to this.

import { defineStore } from 'pinia'

export const useStore = defineStore('main', {
  state: () => ({
    models: {}, // key is id, value is model
  }),
  // Pure computed getter method
  computed: {
    modelCount: (state) => {
      return Object.keys(state.models).length
    }
  },
  // Parameterized getter method (not cached)
  getters: {
    getModelById: (id) => {
      // this is the state instance
      return this.models[id]
    },
  },
})