From 24350c1e9938b83384b2e71418a7370d84120f30 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Thu, 3 Dec 2020 02:19:36 +0100
Subject: [PATCH 1/2] Properly convert product name to slug on search page

---
 pages/search.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/pages/search.vue b/pages/search.vue
index f4893c29..66cff4c7 100644
--- a/pages/search.vue
+++ b/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>

From dd7e168142841f6fb3096949f9264cd4936471c1 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Tue, 8 Dec 2020 04:35:21 +0100
Subject: [PATCH 2/2] Refresh page if we have an error

---
 components/Header/Cart.vue | 1 +
 package.json               | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Header/Cart.vue b/components/Header/Cart.vue
index 9e7e6966..3b3aee05 100644
--- a/components/Header/Cart.vue
+++ b/components/Header/Cart.vue
@@ -66,6 +66,7 @@ export default {
       },
       error(error) {
         this.remoteError = error
+        window.location.reload(true)
       },
     },
   },
diff --git a/package.json b/package.json
index 8b44353f..aed4375a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuxtjs-woocommerce",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "private": true,
   "scripts": {
     "dev": "nuxt",