Vuex mapGetSetters method

map-get-setters.js

export function mapGetSetters(object) {
  const resolved = {}
  const getters = {}
  const setters = []
  Object.keys(object).forEach(key => {
    resolved[key] = {}

    const value = object[key]
    if (typeof value === 'string') {
      getters[key] = value
    } else {
      getters[key] = value.get
      if ('set' in value) {
        setters.push(value.set)
        resolved[key].set = 'load'
      }
    }
  })

  const resolvedGetters = mapGetters(getters)
  const resolvedSetters = mapMutations(setters)

  Object.keys(resolvedGetters).forEach(key => {
    resolved[key].get = resolvedGetters[key]
    if ('set' in resolved[key]) {
      resolved[key].set = resolvedSetters[object[key].set]
    }
  })

  return resolved
}

test-example.js

{
  computed: {
    ...mapGetSetters({
      username: { get: 'USER_GET', set: 'USER_SET' },
      password: { get: 'PASSWORD_GET', set: 'PASSWORD_SET' },
      loading: 'LOADING_GET'
    }),
  }
}