wip busqueda page

components/SearchHeader.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container wrapper">
-    <form @submit.prevent="search" class="search-container">
+    <form class="search-container" @submit.prevent="search" >
       <div class="categorias-wrapper">
         <select v-model="selectedCategory" class="categorias">
           <option selected value="">Todas las categorías</option>
@@ -15,13 +15,13 @@
       </div>
       <input
         id="searchbox"
-        @focus="focused"
-        @blur="focusedOut"
         v-model="searchText"
         class="search-text"
         type="text"
         autocomplete="off"
         placeholder=""
+        @focus="focused"
+        @blur="focusedOut"
       />
       <div class="search-link">
         <img
@@ -76,7 +76,7 @@ export default {
     this.startTyping()
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.stopTyping()
   },
 
@@ -96,8 +96,8 @@ export default {
       let i = 0
       let word = 0
       let step = 0
-      let input = document.querySelector('#searchbox')
-      let placeholderTexts = [
+      const input = document.querySelector('#searchbox')
+      const placeholderTexts = [
         'Jabón sólido',
         'Huertos de libertad',
         'Hierbabuena',