Merge pull request #169 from w3bdesign/dev

Refresh page if we have an error

Author: w3bdesign

components/Header/Cart.vue

@@ -66,6 +66,7 @@ export default {
       },
       error(error) {
         this.remoteError = error
+        window.location.reload(true)
       },
     },
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxtjs-woocommerce",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "private": true,
   "scripts": {
     "dev": "nuxt",

pages/search.vue

@@ -8,7 +8,7 @@
         <NuxtLink
           class="text-black cursor-pointer hover:underline"
           :to="{
-            path: '/product/' + item.product_name,
+            path: '/product/' + convertProductNameToSlug(item.product_name),
             query: { id: item.objectID },
           }"
         >
@@ -33,12 +33,6 @@
 </template>
 
 <script>
-// TODO
-/*
-  Replace empty spaces with dash (-)
-
-  const trimmedProductName = product_name.replace(/ /g, '-');
-*/
 import {
   AisInstantSearchSsr,
   AisRefinementList,
@@ -72,12 +66,6 @@ export default {
     }),
   ],
   layout: 'Layout',
-  serverPrefetch() {
-    return this.instantsearch.findResultsState(this).then((algoliaState) => {
-      this.$ssrContext.nuxt.algoliaState = algoliaState
-    })
-  },
-
   head() {
     return {
       link: [
@@ -95,5 +83,16 @@ export default {
 
     this.instantsearch.hydrate(results)
   },
+  methods: {
+    convertProductNameToSlug(productName) {
+      const productNameSlug = productName.replace(/ /g, '-').toLowerCase()
+      return productNameSlug
+    },
+  },
+  serverPrefetch() {
+    return this.instantsearch.findResultsState(this).then((algoliaState) => {
+      this.$ssrContext.nuxt.algoliaState = algoliaState
+    })
+  },
 }
 </script>