Merge pull request #741 from w3bdesign/dev

Add search link

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) {

components/Layout/MobileMenu.vue

@@ -22,6 +22,11 @@
             Categories
           </NuxtLink>
         </li>
+        <li class="text-xl linkStyle">
+          <NuxtLink to="/search" @click.native="displayMobileMenu">
+            Search
+          </NuxtLink>
+        </li>
         <li class="flex justify-center mt-6 text-lg linkStyleCart">
           <NuxtLink to="/cart" @click.native="displayMobileMenu">
             <Cart />

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': 'CustomHitsItem' }">
       <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 {
+  .CustomHitsItem {
     padding: 10px;
     width: 100%;
   }
 }
 
 @media (min-width: 768px) {
-  .ais-Hits-item {
+  .CustomHitsItem {
     width: 30%;
   }
 }