Complete useFind documentation

Author: marshallswain

docs/2.0-major-release.md

@@ -286,7 +286,7 @@ export default new Vuex.Store({
 
 With the above four steps accomplished, the base of most any application using `feathers-vuex` is ready to build something awesome!
 
-## FeathersVuex Vue plugin changes
+## Feathers-Vuex Vue plugin changes
 
 The Vue plugin is registered in exactly the same way.  The difference comes when you try to find the Model classes in the `$FeathersVuex` object.  Instead of finding models directly on the `$FeathersVuex` object, they are namespaced by the `serverAlias` you provided.  This allows cleaner support for multiple APIs.  Supposing you had this code in a component, previously...
 

docs/composition-api.md

@@ -2,6 +2,8 @@
 title: Renderless Data Components
 ---
 
+# Renderless Data Components
+
 There are two new renderless data provider components: `<FeathersVuexFind>` and `<FeathersVuexGet>`. They simplify performing queries against the store and/or the API server. They make the data available inside each component's default slot.
 
 To see why you might want to use these components, below are two example components that are functionally equivalent.
@@ -85,7 +87,7 @@ These components use Vuex getters (to query data from the local store) and actio
 
 ## Registering the components
 
-These components are automatically registered globally when using the FeathersVuex Vue plugin.
+These components are automatically registered globally when using the Feathers-Vuex Vue plugin.
 
 If you prefer to manually register the component, pass `{ components: false }` as options when using the FeathersVuex Vue plugin, then do the following:
 

docs/data-components.md

@@ -1,7 +1,7 @@
 ---
 home: true
 heroImage: https://github.com/feathersjs-ecosystem/feathers-vuex/raw/master/service-logo.png
-heroText: FeathersVuex 2.x
+heroText: Feathers-Vuex 3.x
 tagLine: Integration of FeathersJS, Vue, and Nuxt for the artisan developer
 actionText: Get Started
 actionLink: ./api-overview.md

docs/index.md

@@ -2,14 +2,18 @@
 title: Mixins
 ---
 
-> Coming in Version 2.0: First Class pagination support!  Details coming soon.
+# Mixins
 
-FeathersVuex mixins provide quick and easy best practices directly inside a component's viewModel.  They are similar to [Renderless Data Components](./components.md), but are more powerful for two reasons.
+`Feathers-Vuex` mixins provide quick and easy best practices directly inside a component's viewModel.  They are similar to [Renderless Data Components](./components.md), but are more powerful for two reasons.
 
 1. You can do lots of them together. Handle multiple queries against multiple services at the same time.  The Renderless Data Components aren't capable of handling more than one query without doing ugly nesting.
 2. They bring the data directly into the component's actual viewModel.  The Renderless Data Components only pull the data into the template scope, so the only clean way to get access to the data was by passing it to a component as props.  This is a great solution until you run into number 1, above.
 
-  Here are the steps to using it:
+If you're not using the [Feathers-Vuex Composition API](./composition-api.md), the mixins are probably going to be your preferred solution for development.
+
+## Usage
+
+Here are the steps to using mixins:
 
 1. Import the `makeFindMixin` utility from FeathersVuex.
 2. Register it in a component's mixins once for each query to be made in the component.

docs/mixins.md

@@ -171,6 +171,7 @@
     "ts-node": "^8.5.2",
     "typescript": "^3.7.2",
     "vue": "^2.6.11",
+    "vue-server-renderer": "^2.6.11",
     "vue-template-compiler": "^2.6.11",
     "vuepress": "^1.2.0",
     "vuex": "^3.1.2"

package.json

@@ -104,7 +104,7 @@ export default function find(options: UseFindOptions): UseFindData {
         const skip = getterParams.query.$skip || defaultSkip
         const limit = getterParams.query.$limit || defaultLimit
         const pagination =
-          computes.paginationData[getterParams.qid || state[qid]] || {}
+          computes.paginationData[getterParams.qid || state.qid] || {}
         const response = skip != null && limit != null ? { limit, skip } : {}
         const queryInfo = getQueryInfo(getterParams, response)
         const items = getItemsFromQueryInfo(

src/useFind.ts

@@ -7364,7 +7364,7 @@ lodash.sortby@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
   integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
 
-lodash.template@^4.4.0:
+lodash.template@^4.4.0, lodash.template@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
   integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
@@ -9968,6 +9968,11 @@ serialize-javascript@^1.3.0, serialize-javascript@^1.7.0:
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.9.1.tgz#cfc200aef77b600c47da9bb8149c943e798c2fdb"
   integrity sha512-0Vb/54WJ6k5v8sSWN09S0ora+Hnr+cX40r9F170nT+mSkaxltoE/7R3OrIdBSUv1OoiobH1QoWQbCnAO+e8J1A==
 
+serialize-javascript@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
+  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+
 serve-index@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
@@ -11512,6 +11517,20 @@ vue-server-renderer@^2.6.10:
     serialize-javascript "^1.3.0"
     source-map "0.5.6"
 
+vue-server-renderer@^2.6.11:
+  version "2.6.11"
+  resolved "https://registry.yarnpkg.com/vue-server-renderer/-/vue-server-renderer-2.6.11.tgz#be8c9abc6aacc309828a755c021a05fc474b4bc3"
+  integrity sha512-V3faFJHr2KYfdSIalL+JjinZSHYUhlrvJ9pzCIjjwSh77+pkrsXpK4PucdPcng57+N77pd1LrKqwbqjQdktU1A==
+  dependencies:
+    chalk "^1.1.3"
+    hash-sum "^1.0.2"
+    he "^1.1.0"
+    lodash.template "^4.5.0"
+    lodash.uniq "^4.5.0"
+    resolve "^1.2.0"
+    serialize-javascript "^2.1.2"
+    source-map "0.5.6"
+
 vue-style-loader@^4.1.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"