fix overmind config

Author: hipertracker

src/components/SimpleCounter.vue

@@ -23,6 +23,7 @@ export default defineComponent({
   setup() {
     const state = useOvermind.state();
     const actions = useOvermind.actions();
+
     return { state, actions };
   },
 });

src/overmind/index.ts

@@ -1,20 +1,29 @@
-import { IConfig, IContext } from "overmind";
+import * as actions from "./actions";
+
+import { IConfig, IContext, IOnInitialize } from "overmind";
+
+import { createHooks } from "overmind-vue/vue3";
+import { state } from "./state";
 
 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

@@ -2,8 +2,6 @@ type State = {
   counter: number;
 };
 
-const state: State = {
+export const state: State = {
   counter: 0,
 };
-
-export default state;