fix overmind configuration

Author: hipertracker

src/overmind/index.ts

@@ -1,20 +1,28 @@
-import { IConfig, IContext } from "overmind";
+import { IConfig, IOnInitialize, IContext } from "overmind";
+import { createHooks } from "overmind-vue/vue3";
+
+import { state } from "./state";
+import * as actions from "./actions";
 
 export const config = {
   state,
   actions,
 };
 
+// Due to circular typing we have to define an
+// explicit typing of state, actions and effects since
+// TS 3.9
 export type Config = IConfig<{
   state: typeof config.state;
   actions: typeof config.actions;
+  // effects: typeof config.effects;
 }>;
 
-import * as actions from "./actions";
-
-import { createHooks } from "overmind-vue/vue3";
-import state from "./state";
+export type OnInitialize = IOnInitialize<Config>;
 
 export type Context = IContext<Config>;
 
-export const useOvermind = createHooks();
+// Used with derived
+export type RootState = Context["state"];
+
+export const useOvermind = createHooks<Config>();

src/overmind/state.ts

@@ -3,9 +3,7 @@ type State = {
   counter: number;
 };
 
-const state: State = {
+export const state: State = {
   welcome: "Vue 3 + TypeScript + Overmind (the best UI state lib)",
   counter: 0,
 };
-
-export default state;