Allow passing lazy:true to useFind

The default behavior of `useFind` is to immediately query the API server. The `makeFindMixin`, by default, would wait until the watcher noticed the change.  This is to match the default behavior of `watch` in the Vue Composition API.  You can pass `{ lazy: true }` in the `useFind` options, which will be passed directly to the internal `watch` on the params.

Author: marshallswain

docs/composition-api.md

@@ -12,7 +12,12 @@ Before you can use the `useFind` and `useGet` composition functions, you'll need
 
 ## useFind <Badge text="3.0.0+" />
 
-If you have already used the `makeFindMixin`, the `useFind` composition function will be very familiar, since it offers the same functionality in a more powerful way.  The main difference is that instead of providing a service name, you provide a service Model from the `$FeathersVuex` Vue plugin.  Note that when using the component object syntax (aka the way components are made with Vue 2.0) the models are found in `this.$FeathersVuex`.  When using the Vue composition API, this object is now found in `context.root.$FeathersVuex`, as shown in the following example:
+If you have already used the `makeFindMixin`, the `useFind` composition function will be very familiar, since it offers the same functionality in a more powerful way.  There are a few differences, though.
+
+1. Instead of providing a service name, you provide a service Model from the `$FeathersVuex` Vue plugin.
+1. The default behavior of `useFind` is to immediately query the API server. The `makeFindMixin`, by default, would wait until the watcher noticed the change.  This is to match the default behavior of `watch` in the Vue Composition API.  You can pass `{ lazy: true }` in the `useFind` options, which will be passed directly to the internal `watch` on the params.
+
+Note that with the Vue Options API (aka the only way to write components in Vue 2.0) the models are found in `this.$FeathersVuex`.  With the Vue Composition API, this object is now at `context.root.$FeathersVuex`, as shown in the following example:
 
 ```html
 <template>

src/useFind.ts

@@ -18,7 +18,8 @@ const defaults = {
   params: null,
   queryWhen: (): boolean => true,
   qid: 'default',
-  local: false
+  local: false,
+  lazy: false
 }
 
 interface UseFindOptions {
@@ -28,6 +29,7 @@ interface UseFindOptions {
   name?: string
   queryWhen?: Function
   qid?: string
+  lazy?: boolean
 }
 interface UseFindState {
   debounceTime: null | number
@@ -57,7 +59,7 @@ interface UseFindData {
 }
 
 export default function find(options: UseFindOptions): UseFindData {
-  const { model, params, queryWhen, qid, local } = Object.assign(
+  const { model, params, queryWhen, qid, local, lazy } = Object.assign(
     {},
     defaults,
     options
@@ -173,7 +175,8 @@ export default function find(options: UseFindOptions): UseFindData {
     () => getFetchParams(),
     () => {
       findProxy()
-    }
+    },
+    { lazy }
   )
 
   return {

test/use/find.test.ts

@@ -114,5 +114,23 @@ describe('use/find', function() {
     assert(queryWhen.value === true)
   })
 
-  it.skip('allows passing {lazy:true} to not query immediately', function() {})
+  it('allows passing {lazy:true} to not query immediately', function() {
+    const { Instrument } = makeContext()
+
+    const instrumentParams = computed(() => {
+      return {
+        query: {},
+        paginate: false
+      }
+    })
+    const instrumentsData = useFind({
+      model: Instrument,
+      params: instrumentParams,
+      lazy: true
+    })
+    const { haveBeenRequestedOnce } = instrumentsData
+
+    assert(isRef(haveBeenRequestedOnce))
+    assert(haveBeenRequestedOnce.value === false)
+  })
 })