Как в pinia организовать однотипные функции?

Question

[Тим]

Привет! Не могу сообразить как лучше организовать архитектуру строров. Есть круд приложение. в нем куча однотипных сторов у которых нужно хранить стейты и менять их одинаковыми круд функциями у которых различие только в урлах к которым они обращаются. В vuex я просто сторы разбивал по неймспейсам и в корне держал все эти функции а тут как лучше организовать код? если можно с простым примером на js

Answer 1

[Антон Шаманов]

что-то вроде того

import { mande } from 'mande'
const api = mande('/api/users')

import { getCrudActions } from 'crudActions'

export const useUsers = defineStore('users', {
  state: () => ({
    userData: null,
    // ...
  }),
  actions: getCrudActions('users', api)
})

Answer 2

[Антон Антон]

А что мешает сделать так же?

function createCrudActions(url) {
  return {
    create(data) {
      return makeApiCall(`${url}/create`, data)
    },
...
  }
}

export const useReferenceStore = defineStore('storeName', {
...
  actions: {
uniqueAction(){},
...createCrudActions('myUrl')

  }
...
}

Comments

[Антон Антон]

Даже связывание this работает, можно из функций, созданных с помощью createActions обратиться к стэйту через this.var. Немного попахивает говнокодом, но работает.