fix(types): add proper generics to accessors

types/index.d.ts

@@ -52,8 +52,8 @@ export default defaultExport;
 /*--------------------------------------------------------------------------
                                   SHARED 	                              
 ------------------------------------------------------------------------*/
-type GetAccessor = <T = any>() => T;
-type SetAccessor = <T>(newValue: T) => T; // TODO: Do setters always return same type as input.
+type GetAccessor<T = any> = () => T;
+type SetAccessor<T> = (newValue: T) => T; // TODO: Do setters always return same type as input.
 
 /*--------------------------------------------------------------------------
                                    make 	                                
@@ -91,15 +91,33 @@ export class Payload {
 /*--------------------------------------------------------------------------
                              get/sync/call                               
 ------------------------------------------------------------------------*/
-export function get(
+/**
+ * Create get accessors
+ *
+ * Note type definitions do not support wildcards
+ */
+export function get<T extends {}>(
+  path: string | object,
+  props: Array<keyof T> | { [K in keyof T]: string }
+): { [K in keyof T]: { get: GetAccessor<T[K]> } };
+export function get<T = any>(
   path: string | object,
   props?: string[] | object
-): { get: GetAccessor };
-
-export function sync(
+): { get: GetAccessor<T> };
+
+/**
+ * Create get/set accessors
+ *
+ * Note type definitions do not support wildcards
+ */
+export function sync<T extends {}>(
+  path: string | object,
+  props: Array<keyof T> | { [K in keyof T]: string }
+): { [K in keyof T]: { get: GetAccessor<T[K]>; set: SetAccessor<T[K]> } };
+export function sync<T = any>(
   path: string | object,
   props?: string[] | object
-): { get: GetAccessor; set: SetAccessor };
+): { get: GetAccessor<T>; set: SetAccessor<T> };
 
 export function call(
   path: string | object,

types/test/index.ts

@@ -1,5 +1,6 @@
+import Vue from 'vue';
 import { GetterTree, ActionTree, MutationTree } from "vuex";
-import pathify, { make, Payload } from "../index";
+import pathify, { make, get, sync } from "../index";
 
 interface RootState {
   name: string;
@@ -20,3 +21,47 @@ const actions: ActionTree<RootState, RootState> = {
 };
 
 const plugin = pathify.plugin;
+
+Vue.extend({
+  computed: {
+    foo: get('foo'),
+    bar: get<string>('bar'),
+    baz: get<{ type: 'baz' }>('baz')
+  },
+  created () {
+    this.foo // any
+    this.bar // string
+    this.baz // object
+    this.baz.type
+  }
+})
+
+Vue.extend({
+  computed: get<{
+    search: string,
+    items: any[]
+  }>('products', [
+    'search',
+    'items',
+  ]),
+  created () {
+    this.search
+    this.items
+  }
+})
+
+Vue.extend({
+  computed: {
+    ...sync<{
+      sortOrder: 'asc' | 'desc',
+      sortKey: string
+    }>('products/filters@sort', {
+      sortOrder: 'order',
+      sortKey: 'key',
+    })
+  },
+  created () {
+    this.sortOrder
+    this.sortKey
+  }
+})