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/shared/components/ChatOptions.vue

@@ -35,7 +35,7 @@ export default {
       return this.selected === option.id;
     },
     onClick(selectedOption) {
-      this.$emit('click', selectedOption);
+      this.$emit('optionSelect', selectedOption);
     },
   },
 };
@@ -60,7 +60,7 @@ export default {
           :key="option.id"
           :action="option"
           :is-selected="isSelected(option)"
-          @click="onClick"
+          @option-select="onClick"
         />
       </ul>
     </div>
@@ -68,7 +68,8 @@ export default {
 </template>
 
 <style lang="scss">
-@import '~dashboard/assets/scss/variables.scss';
+@import 'dashboard/assets/scss/variables.scss';
+
 .has-selected {
   .option-button:not(.is-selected) {
     color: $color-light-gray;
@@ -78,7 +79,7 @@ export default {
 </style>
 
 <style scoped lang="scss">
-@import '~widget/assets/scss/variables.scss';
+@import 'widget/assets/scss/variables.scss';
 
 .options-message {
   max-width: 17rem;