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/assets/fonts/InterDisplay/inter-display.scss

@@ -3,7 +3,7 @@
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Thin.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-Thin.woff2') format('woff2');
 }
 
 @font-face {
@@ -11,7 +11,7 @@
   font-style: normal;
   font-weight: 200;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-ExtraLight.woff2') format('woff2');
 }
 
 @font-face {
@@ -19,7 +19,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Light.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-Light.woff2') format('woff2');
 }
 
 @font-face {
@@ -27,7 +27,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Regular.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-Regular.woff2') format('woff2');
 }
 
 @font-face {
@@ -35,7 +35,7 @@
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Medium.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-Medium.woff2') format('woff2');
 }
 
 @font-face {
@@ -43,7 +43,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-SemiBold.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
@@ -51,7 +51,7 @@
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Bold.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-Bold.woff2') format('woff2');
 }
 
 @font-face {
@@ -59,7 +59,7 @@
   font-style: normal;
   font-weight: 800;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-ExtraBold.woff2') format('woff2');
 }
 
 @font-face {
@@ -67,5 +67,5 @@
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~shared/assets/fonts/InterDisplay/InterDisplay-Black.woff2') format('woff2');
+  src: url('shared/assets/fonts/InterDisplay/InterDisplay-Black.woff2') format('woff2');
 }

app/javascript/shared/assets/fonts/inter.scss

@@ -3,8 +3,7 @@
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Thin.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Thin.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Thin.woff2') format('woff2');
 }
 
 @font-face {
@@ -12,8 +11,7 @@
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Light.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Light.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Light.woff2') format('woff2');
 }
 
 @font-face {
@@ -21,8 +19,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Regular.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Regular.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Regular.woff2') format('woff2');
 }
 
 @font-face {
@@ -30,8 +27,7 @@
   font-style: italic;
   font-weight: 400;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Italic.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Italic.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Italic.woff2') format('woff2');
 }
 
 @font-face {
@@ -39,8 +35,7 @@
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Medium.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Medium.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Medium.woff2') format('woff2');
 }
 
 @font-face {
@@ -48,8 +43,7 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-SemiBold.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-SemiBold.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
@@ -57,6 +51,5 @@
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Bold.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Bold.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Bold.woff2') format('woff2');
 }

app/javascript/shared/assets/fonts/plus-jakarta.scss

@@ -1,63 +0,0 @@
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 200;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Light.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Regular.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Italic.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Medium.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-Bold.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'PlusJakarta';
-  font-style: normal;
-  font-weight: 800;
-  font-display: swap;
-  src: url('~shared/assets/fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff2') format('woff2');
-}

app/javascript/shared/assets/fonts/widget_fonts.scss

@@ -3,8 +3,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Regular.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Regular.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Regular.woff2') format('woff2');
 }
 
 @font-face {
@@ -12,6 +11,5 @@
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~shared/assets/fonts/Inter-Medium.woff2') format('woff2'),
-       url('~shared/assets/fonts/Inter-Medium.woff') format('woff');
+  src: url('shared/assets/fonts/Inter/Inter-Medium.woff2') format('woff2');
 }

app/javascript/shared/assets/stylesheets/ionicons.scss

@@ -1,24 +0,0 @@
-@import "~ionicons/scss/ionicons-variables";
-
-@font-face {
-  font-display: swap;
-  font-family: $ionicons-font-family;
-  font-style: normal;
-  font-weight: normal;
-  src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
-}
-
-.ion {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: inline-block;
-  font-family: $ionicons-font-family;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-  text-rendering: auto;
-  text-transform: none;
-}
-
-@import "~ionicons/scss/ionicons-icons";