Type defineStore for TypeScripte?

[rmxxtt]

i'm trying to make a store factory, but i don't know what type of object to specify, i can't find the answer anywhere

import { defineStore } from "pinia";

const storeList = {}

export function storeFactory  (name: string) {
    if (name in list){
        return list[name]
    } else {
        list[name] = defineStore(name, {
            state: () => {
                return {
                    count: 0,
                }
            },
            getters: {
                doubleCount: (state) => state.count + state.count
            }
        })
        return list[name]
    }
}

[posva]

You probably don't want to do this because you would lose all types. You have a StoreDefinition type that is used to define stores and can be manually used but I will advise you against it in this scenario.

To keep all types you need to reorganize the code so the type inference can be automatic:

function defineStoreWithName(name: string) {
  return defineStore(name, {
    // ...
  })
}

const storeMap = new Map<string, ReturnType<typeof defineStoreWithName>>()

export funciton storeFactory(name: string) {
  if (!storeMap.has(name)) {
    storeMap.set(name, defineStoreWithName(name))
  }
  return storeMap.get(name)!
}

Most of the time this means you should have some collection within the store instead.

[rmxxtt]

Thank you @posva
In component, if someone doesn't know how to use

<script lang="ts">
...
import { storeFactory } from "@/store/pinia/factory";

export default defineComponent({
  setup() {
    const store = storeFactory('first')()
    return { store }
  },
  ...
...
<script>