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/dashboard/modules/search/components/SearchHeader.vue

@@ -10,7 +10,7 @@ export default {
     this.$refs.searchInput.focus();
     document.addEventListener('keydown', this.handler);
   },
-  beforeDestroy() {
+  unmounted() {
     document.removeEventListener('keydown', this.handler);
   },
   methods: {

app/javascript/dashboard/modules/search/components/SearchTabs.vue

@@ -35,8 +35,9 @@ export default {
   <div class="tab-container">
     <woot-tabs :index="activeTab" :border="false" @change="onTabChange">
       <woot-tabs-item
-        v-for="item in tabs"
+        v-for="(item, index) in tabs"
         :key="item.key"
+        :index="index"
         :name="item.name"
         :count="item.count"
       />

app/javascript/dashboard/modules/search/components/SearchView.vue

@@ -4,6 +4,7 @@ import SearchTabs from './SearchTabs.vue';
 import SearchResultConversationsList from './SearchResultConversationsList.vue';
 import SearchResultMessagesList from './SearchResultMessagesList.vue';
 import SearchResultContactsList from './SearchResultContactsList.vue';
+import { useTrack } from 'dashboard/composables';
 import Policy from 'dashboard/components/policy.vue';
 import {
   ROLES,
@@ -17,6 +18,7 @@ import {
 
 import { mapGetters } from 'vuex';
 import { CONVERSATION_EVENTS } from '../../../helper/AnalyticsHelper/events';
+
 export default {
   components: {
     SearchHeader,
@@ -169,7 +171,7 @@ export default {
       return this.selectedTab === 'all';
     },
   },
-  beforeDestroy() {
+  unmounted() {
     this.query = '';
     this.$store.dispatch('conversationSearch/clearSearchResults');
   },
@@ -184,7 +186,7 @@ export default {
         this.$store.dispatch('conversationSearch/clearSearchResults');
         return;
       }
-      this.$track(CONVERSATION_EVENTS.SEARCH_CONVERSATION);
+      useTrack(CONVERSATION_EVENTS.SEARCH_CONVERSATION);
       this.$store.dispatch('conversationSearch/fullSearch', { q });
     },
     onBack() {