Solid + Zustand for global state

store.ts

import { onCleanup } from 'solid-js'
import { createStore, reconcile, Store } from 'solid-js/store'
import create, { SetState, State, StoreApi } from 'zustand/vanilla'

interface CounterStore {
    count: number
    increment: () => void
    decrement: () => void
}

const counterStore = create<CounterStore>((set, get) => ({
    count: 0,
    increment() {
        set({ count: get().count + 1 })
    },
    decrement() {
        set({ count: get().count - 1 })
    }
}))

export function createZustandStore<T extends State>(store: StoreApi<T>): [Store<T>, SetState<T>] {
  const [state, setState] = createStore(store.getState());
  const unsubscribe = store.subscribe((newState) => {
      setState(reconcile(newState));
  });
  onCleanup(() => unsubscribe());
  return [state, store.setState];
}

// const [state] = createZustandStore(counterStore)
// state.count
// state.increment()