feat(hooks): add useState hook

u3u · u3u · commit 607dfd1d975e · 2019-07-09T01:01:29.000+08:00
diff --git a/src/__tests__/useState.test.ts b/src/__tests__/useState.test.ts
@@ -0,0 +1,24 @@
+import useState from '../useState';
+import renderHook from '../util/renderHook';
+
+describe('useState', () => {
+  it('should be defined', () => {
+    expect(useState).toBeDefined();
+  });
+
+  it('should update state', () => {
+    type Inject = { count1: number; count2: number };
+    const { vm } = renderHook<Inject>(() => ({
+      ...useState({ count1: 'count' }),
+      ...useState('test', { count2: 'count' }),
+    }));
+    expect(vm.count1).toBe(0);
+    expect(vm.count2).toBe(0);
+
+    vm.$store.commit('increment');
+    vm.$store.commit('test/decrement');
+
+    expect(vm.count1).toBe(1);
+    expect(vm.count2).toBe(-1);
+  });
+});
diff --git a/src/useState.ts b/src/useState.ts
@@ -0,0 +1,3 @@
+import createVuexHelper, { Helper } from './util/helpers';
+
+export default createVuexHelper(Helper.State);

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import createVuexHelper, { Helper } from './util/helpers';`
	`2`	`+`
	`3`	`+export default createVuexHelper(Helper.State);`