Update the playgrounds

Author: curquiza

playgrounds/react/src/App.js

@@ -15,7 +15,10 @@ import instantMeiliSearch from "./instant-meilisearch.js";
 
 const searchClient = instantMeiliSearch(
   "https://demos.meilisearch.com",
-  "dc3fedaf922de8937fdea01f0a7d59557f1fd31832cb8440ce94231cfdde7f25"
+  "dc3fedaf922de8937fdea01f0a7d59557f1fd31832cb8440ce94231cfdde7f25",
+  {
+    paginationTotalHits: 60
+  }
 );
 
 class App extends Component {
@@ -52,7 +55,7 @@ class App extends Component {
           <div className="right-panel">
             <SearchBox />
             <Hits hitComponent={Hit} />
-            <Pagination showLast={true}/>
+            <Pagination showLast={true} />
           </div>
         </InstantSearch>
       </div>

playgrounds/vue/src/App.vue

@@ -41,6 +41,10 @@
           </ais-hits>
 
           <ais-pagination :padding="4" />
+
+          <ais-configure
+            :hits-per-page.camel="6"
+          />
         </div>
       </ais-instant-search>
     </div>
@@ -58,8 +62,7 @@ export default {
         "https://demos.meilisearch.com",
         "dc3fedaf922de8937fdea01f0a7d59557f1fd31832cb8440ce94231cfdde7f25",
         {
-          hitsPerPage: 6,
-          limitPerRequest: 100
+          paginationTotalHits: 60
         }
       )
     };