Fix mobile search

Author: w3bdesign

.eslintrc.js

@@ -4,9 +4,9 @@ module.exports = {
     browser: true,
     node: true,
   },
-  parserOptions: {
+ /* parserOptions: {
     parser: 'babel-eslint',
-  },
+  },*/
   extends: [
     '@nuxtjs',
     'prettier',

components/Layout/Cart.vue

@@ -54,7 +54,7 @@ export default {
     cart: {
       prefetch: true,
       query: GET_CART_QUERY,
-      pollInterval: process.server ? undefined : 2000,
+      pollInterval: process.server ? undefined : 3000,
       result({ data, loading, networkStatus }) {
         const cartIsReady = networkStatus === 7
         if (cartIsReady && !loading) {

pages/search.vue

@@ -3,7 +3,7 @@
     <ais-search-box />
     <ais-stats />
     <ais-refinement-list attribute="brand" />
-    <ais-hits>
+    <ais-hits :class-names="{ 'ais-Hits-item': 'MyCustomHitsItem' }">
       <template slot="item" slot-scope="{ item }">
         <NuxtLink
           class="text-black cursor-pointer hover:underline"
@@ -96,14 +96,14 @@ export default {
 
 <style>
 @media (max-width: 767px) {
-  .ais-Hits-item {
+  .MyCustomHitsItem {
     padding: 10px;
     width: 100%;
   }
 }
 
 @media (min-width: 768px) {
-  .ais-Hits-item {
+  .MyCustomHitsItem {
     width: 30%;
   }
 }