chore: fix translation

app/javascript/dashboard/i18n/locale/en/settings.json

@@ -63,6 +63,11 @@
       "AUDIO_NOTIFICATIONS_SECTION": {
         "TITLE": "Audio Notifications",
         "NOTE": "Enable audio notifications in dashboard for new messages and conversations.",
+        "ALERT_TYPES": {
+          "NONE": "None",
+          "MINE": "Assigned",
+          "ALL": "All"
+        },
         "ALERT_TYPE": {
           "TITLE": "Alert events for conversations:",
           "NONE": "None",

app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertEvent.vue

@@ -37,6 +37,7 @@
 
 <script setup>
 import { computed } from 'vue';
+import { useI18n } from 'dashboard/composables/useI18n';
 
 const props = defineProps({
   label: {
@@ -49,10 +50,27 @@ const props = defineProps({
   },
 });
 
+const { t } = useI18n();
+
 const options = [
-  { value: 'none', label: 'None' },
-  { value: 'assigned', label: 'Assigned' },
-  { value: 'all', label: 'All' },
+  {
+    value: 'none',
+    label: t(
+      'PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.ALERT_TYPES.NONE'
+    ),
+  },
+  {
+    value: 'mine',
+    label: t(
+      'PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.ALERT_TYPES.MINE'
+    ),
+  },
+  {
+    value: 'all',
+    label: t(
+      'PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.ALERT_TYPES.ALL'
+    ),
+  },
 ];
 
 const emit = defineEmits(['update']);

app/javascript/dashboard/routes/dashboard/settings/personal/AudioNotifications.vue

@@ -100,8 +100,8 @@ export default {
       ];
       this.alertTone = alertTone || 'ding';
     },
-    handAudioAlertChange(e) {
-      this.audioAlert = e.target.value;
+    handAudioAlertChange(value) {
+      this.audioAlert = value;
       this.updateUISettings({
         enable_audio_alerts: this.audioAlert,
       });

app/javascript/v3/components/Form/InitialsAvatar.vue

@@ -38,5 +38,6 @@ const style = computed(() => ({
 const colorClass = computed(() => {
   return colors[(props.name.length % 8) + 1];
 });
-const initial = userInitial(props.name);
+
+const initial = computed(() => userInitial(props.name));
 </script>