feat: Vite + vue 3 💚 (#10047)

Fixes https://github.com/chatwoot/chatwoot/issues/8436
Fixes https://github.com/chatwoot/chatwoot/issues/9767
Fixes https://github.com/chatwoot/chatwoot/issues/10156
Fixes https://github.com/chatwoot/chatwoot/issues/6031
Fixes https://github.com/chatwoot/chatwoot/issues/5696
Fixes https://github.com/chatwoot/chatwoot/issues/9250
Fixes https://github.com/chatwoot/chatwoot/issues/9762

---------

Co-authored-by: Pranav <pranavrajs@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

app/javascript/portal/components/PublicArticleSearch.vue

@@ -35,7 +35,18 @@ export default {
   },
 
   watch: {
-    searchTerm() {
+    currentPage() {
+      this.clearSearchTerm();
+    },
+  },
+
+  unmounted() {
+    clearTimeout(this.typingTimer);
+  },
+
+  methods: {
+    onUpdateSearchTerm(value) {
+      this.searchTerm = value;
       if (this.typingTimer) {
         clearTimeout(this.typingTimer);
       }
@@ -46,16 +57,6 @@ export default {
         this.fetchArticlesByQuery();
       }, 1000);
     },
-    currentPage() {
-      this.clearSearchTerm();
-    },
-  },
-
-  beforeDestroy() {
-    clearTimeout(this.typingTimer);
-  },
-
-  methods: {
     onChange(e) {
       this.$emit('input', e.target.value);
     },
@@ -95,8 +96,9 @@ export default {
 <template>
   <div v-on-clickaway="closeSearch" class="relative w-full max-w-5xl my-4">
     <PublicSearchInput
-      v-model="searchTerm"
+      :search-term="searchTerm"
       :search-placeholder="searchTranslations.searchPlaceholder"
+      @update:searchTerm="onUpdateSearchTerm"
       @focus="openSearch"
     />
     <div