Update paginationStore/Paginate/Pagination docs

src/routes/docs/components/Paginate/+page.md

@@ -14,13 +14,14 @@
 
 ```svelte
 <script lang="ts">
-  import { Paginate } from 'svelte-ux';
+  import { Paginate, Pagination } from 'svelte-ux';
 </script>
 
-<Paginate {items} let:pagination let pageItems>
+<Paginate {items} let:pageItems let:pagination>
   {#each pageItems as child}
     <!-- render item -->
   {/each}
+  <Pagination {pagination} />
 </Paginate>
 ```
 
@@ -29,7 +30,7 @@
 <h2>Default</h2>
 
 <Preview>
-	<Paginate {items} let:pagination let:pageItems >
+	<Paginate {items} let:pageItems let:pagination>
 		{#each pageItems as child}
 			<ListItem title={child.name} />
 		{/each}
@@ -42,7 +43,7 @@
 <h2>Per page</h2>
 
 <Preview>
-	<Paginate {items} perPage={5} let:pagination let:pageItems >
+	<Paginate {items} perPage={5} let:pageItems let:pagination>
 		{#each pageItems as child}
 			<ListItem title={child.name} />
 		{/each}

src/routes/docs/components/Paginate/+page.ts

@@ -4,9 +4,11 @@ import pageSource from './+page.md?raw';
 export async function load() {
   return {
     meta: {
+      description: 'Client-side paginate through',
       source,
       pageSource,
       hideUsage: true,
+      related: ['components/Pagination'],
     },
   };
 }

src/routes/docs/components/Pagination/+page.ts

@@ -4,9 +4,13 @@ import pageSource from './+page.md?raw';
 export async function load() {
   return {
     meta: {
+      description:
+        'Controls to navigate through paginated results.  Works with `paginationStore()` or `Paginate` component',
       source,
       pageSource,
       hideUsage: true,
+      features: ['Easily customize display of results and controls'],
+      related: ['stores/paginationStore', 'components/Paginate'],
     },
   };
 }

src/routes/docs/stores/paginationStore/+page.ts

@@ -6,6 +6,7 @@ export async function load() {
     meta: {
       source,
       pageSource,
+      related: ['components/Paginate', 'components/Pagination'],
     },
   };
 }