@tcarac what do you think about the switch to initializing the stores in a single file and async manner?

// controllers/stores.js
import { createStore } from "stimulus-store";

export let counterStore;
export let anotherStore;

(async function initializeStores() {
  counterStore = await createStore({ name: 'counterStore', initialValue: 0, type: Number });
  anotherStore = await createStore({ name: 'anotherStore', initialValue: 'anotherStore', type: String });
})();

@tcarac what do you think about the switch to initializing the stores in a single file and async manner?

// controllers/stores.js
import { createStore } from "stimulus-store";

export let counterStore;
export let anotherStore;

(async function initializeStores() {
  counterStore = await createStore({ name: 'counterStore', initialValue: 0, type: Number });
  anotherStore = await createStore({ name: 'anotherStore', initialValue: 'anotherStore', type: String });
})();

Seems useful, but I'm not a fan of IIF.
If I were to create different stores in different files I would have to rather wrap them in async functions or just create JSON objects. I think I liked the sync version more

@tcarac what do you think about the switch to initializing the stores in a single file and async manner?

// controllers/stores.js
import { createStore } from "stimulus-store";

export let counterStore;
export let anotherStore;

(async function initializeStores() {
  counterStore = await createStore({ name: 'counterStore', initialValue: 0, type: Number });
  anotherStore = await createStore({ name: 'anotherStore', initialValue: 'anotherStore', type: String });
})();

Seems useful, but I'm not a fan of IIF. If I were to create different stores in different files I would have to rather wrap them in async functions or just create JSON objects. I think I liked the sync version more

I agree I'm not huge fan of using IIFE here too!
on the other hand it makes sense that createStore is async since store.set is also async and can accept a promise or a callback.
This can also be a module lvl await

import { createStore } from "stimulus-store";

export const counterStore = await createStore({ name: 'counterStore', initialValue: 0, type: Number });

this completely legal syntax! the only "gotcha" here is that the store module will not load if the promise is not resolved which can be handled with try/catch

import { createStore } from "stimulus-store";

try {
  export const counterStore = await createStore({ name: 'counterStore', initialValue: 0, type: Number });
} catch (error) {
  // do something with the error here
}