Replace search bar with search page for now

Author: w3bdesign

components/Header/Navbar.vue

@@ -32,11 +32,6 @@
                 <ul
                   class="items-center justify-end flex-1 pr-4 -mr-4 list-reset lg:flex"
                 >
-                  <li
-                    class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
-                  >
-                    <Search />
-                  </li>
                   <li
                     class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
                   >
@@ -68,6 +63,16 @@
                       >
                     </NuxtLink>
                   </li>
+                  <li
+                    class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
+                  >
+                    <NuxtLink to="/search">
+                      <span
+                        class="text-xl text-white no-underline lg:text-black is-active"
+                        >Search</span
+                      >
+                    </NuxtLink>
+                  </li>
                   <li
                     class="inline-block py-2 text-xl font-semibold no-underline lg:text-base lg:px-4"
                   >

pages/search.vue

@@ -55,6 +55,7 @@ export default {
       indexName: process.env.AlgoliaIndexName,
     }),
   ],
+  layout: 'Layout',
   serverPrefetch() {
     return this.instantsearch.findResultsState(this).then((algoliaState) => {
       this.$ssrContext.nuxt.algoliaState = algoliaState