update README, clean the code

Author: hipertracker

quasar2-overmind-connect/README.md

@@ -1,8 +1,8 @@
 # Quasar 2 + Typescript + Overmind
 
-Simple example of using Quasar 2 + TypeScript + Overmind 28 with connect
+Simple example of using Quasar v2 + TypeScript + Overmind v28 (with [connect()](https://overmindjs.org/views/vue#connect))
 
-- Quasar 2 <https://next.quasar.dev/>
+- Quasar 2 <https://quasar.dev/>
 - Overmind <https://www.overmindjs.org/>
 - TypeScript <https://www.typescriptlang.org/>
 

quasar2-overmind-connect/src/components/SimpleCounter.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="q-pb-lg">
-    <q-btn round color="primary" icon="add" @click="actions.inc"/>
+    <q-btn round color="primary" icon="add" @click="increment"/>
     <span class="bg-gray-200 text-xl ml-3 mr-3 q-mx-sm text-h6">
-      Counter: {{ state.counter }}
+      Counter: {{ counter }}
     </span>
-    <q-btn round color="primary" icon="remove" @click="actions.dec"/>
+    <q-btn round color="primary" icon="remove" @click="decrement"/>
   </div>
 </template>
 
@@ -14,18 +14,14 @@ import { connect, Context } from '../overmind';
 
 const Component = defineComponent({
   name: 'SimpleCounter',
-  setup() {
-    // const state = hooks.state();
-    // const actions = hooks.actions();
-    // return { state, actions };
-  },
 });
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-call
 export default connect((context: Context) => {
   return {
-    state: context.state,
-    actions: context.actions
+    counter: context.state.counter,
+    increment: context.actions.inc,
+    decrement: context.actions.dec,
   }
 }, Component);
 </script>

quasar2-overmind-connect/src/overmind/index.ts

@@ -4,8 +4,6 @@ import { createConnect } from 'overmind-vue';
 import * as actions from './actions';
 import { state } from './state';
 
-// import { createHooks } from 'overmind-vue/vue3';
-
 export const config = {
   state,
   actions
@@ -21,7 +19,5 @@ export type Config = {
 // TS 3.9 using a TYPE (not INTERFACE)
 export type Context = IContext<Config>
 
-// export const hooks = createHooks()
-
-const overmind = createOvermind(config, { devtools: false });
+const overmind = createOvermind(config, { devtools: true });
 export const connect = createConnect(overmind)