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/components/buttons/Button.vue

@@ -27,16 +27,17 @@ export default {
       default: 'primary',
     },
   },
-  methods: {
-    onClick(e) {
-      this.$emit('click', e);
-    },
+  created() {
+    // eslint-disable-next-line
+    console.warn(
+      '[DEPRECATED] This component has been deprecated and will be removed soon. Please use v3/components/Form/Button.vue instead'
+    );
   },
 };
 </script>
 
 <template>
-  <button :type="type" class="button nice" :class="variant" @click="onClick">
+  <button :type="type" class="button nice" :class="variant">
     <fluent-icon
       v-if="!isLoading && icon"
       class="icon"

app/javascript/dashboard/components/buttons/FormSubmitButton.vue

@@ -40,11 +40,6 @@ export default {
       return `button nice gap-2 ${this.buttonClass || ' '}`;
     },
   },
-  methods: {
-    onClick() {
-      this.$emit('click');
-    },
-  },
 };
 </script>
 
@@ -54,7 +49,6 @@ export default {
     data-testid="submit_button"
     :disabled="disabled"
     :class="computedClass"
-    @click="onClick"
   >
     <fluent-icon v-if="!!iconClass" :icon="iconClass" class="icon" />
     <span>{{ buttonText }}</span>

app/javascript/dashboard/components/buttons/ResolveAction.vue

@@ -2,7 +2,7 @@
 import { ref, computed } from 'vue';
 import { useAlert } from 'dashboard/composables';
 import { useToggle } from '@vueuse/core';
-import { useI18n } from 'dashboard/composables/useI18n';
+import { useI18n } from 'vue-i18n';
 import { useStore, useStoreGetters } from 'dashboard/composables/store';
 import { useEmitter } from 'dashboard/composables/emitter';
 import { useKeyboardEvents } from 'dashboard/composables/useKeyboardEvents';