diff --git a/frontend/vue/components/Admin/CustomFields.vue b/frontend/vue/components/Admin/CustomFields.vue
index 567df7241..cdcdfdcfd 100644
--- a/frontend/vue/components/Admin/CustomFields.vue
+++ b/frontend/vue/components/Admin/CustomFields.vue
@@ -71,7 +71,7 @@ import DataTable from '~/components/Common/DataTable.vue';
 import EditModal from './CustomFields/EditModal.vue';
 import Icon from '~/components/Common/Icon.vue';
 import InfoCard from '~/components/Common/InfoCard.vue';
-import _, {get} from 'lodash';
+import {get} from 'lodash';
 import {useTranslate} from "~/vendor/gettext";
 import {ref} from "vue";
 import {useSweetAlert} from "~/vendor/sweetalert";
diff --git a/frontend/vue/components/Admin/Index.vue b/frontend/vue/components/Admin/Index.vue
index 2dc6cf90c..c5e6f573c 100644
--- a/frontend/vue/components/Admin/Index.vue
+++ b/frontend/vue/components/Admin/Index.vue
@@ -368,26 +368,7 @@
                                 class="align-middle"
                             >
                                 <td class="text-center pr-2">
-                                    <template v-if="service.running">
-                                        <b-badge
-                                            pill
-                                            variant="success"
-                                            :title="langServiceRunning"
-                                        >
-                                        &nbsp;&nbsp;
-                                            <span class="sr-only">{{ langServiceRunning }}</span>
-                                        </b-badge>
-                                    </template>
-                                    <template v-else>
-                                        <b-badge
-                                            pill
-                                            variant="danger"
-                                            :title="langServiceStopped"
-                                        >
-                                        &nbsp;&nbsp;
-                                            <span class="sr-only">{{ langServiceStopped }}</span>
-                                        </b-badge>
-                                    </template>
+                                    <running-badge :running="service.running" />
                                 </td>
                                 <td class="pl-2">
                                     <h6 class="mb-0">
@@ -474,11 +455,12 @@
 import Icon from '~/components/Common/Icon';
 import CpuStatsHelpModal from "./Index/CpuStatsHelpModal";
 import MemoryStatsHelpModal from "./Index/MemoryStatsHelpModal";
-import _ from 'lodash';
+import {isObject, upperFirst} from 'lodash';
+import RunningBadge from "~/components/Common/Badges/RunningBadge.vue";
 
 export default {
     name: 'AdminIndex',
-    components: {CpuStatsHelpModal, MemoryStatsHelpModal, Icon},
+    components: {RunningBadge, CpuStatsHelpModal, MemoryStatsHelpModal, Icon},
     props: {
         adminPanels: {
             type: Object,
@@ -537,21 +519,13 @@ export default {
             services: []
         };
     },
-    computed: {
-        langServiceRunning() {
-            return this.$gettext('Service Running');
-        },
-        langServiceStopped() {
-            return this.$gettext('Service Stopped');
-        }
-    },
     created() {
         this.updateStats();
         this.updateServices();
     },
     methods: {
         formatCpuName(cpuName) {
-            return _.upperFirst(cpuName);
+            return upperFirst(cpuName);
         },
         formatPercentageString(value) {
             return value + '%';
@@ -575,7 +549,7 @@ export default {
                 let key = data[0];
                 let value = data[1];
 
-                if (_.isObject(value)) {
+                if (isObject(value)) {
                     value = value.readable + '/s';
                 }
 
diff --git a/frontend/vue/components/Admin/Permissions.vue b/frontend/vue/components/Admin/Permissions.vue
index 677240b71..ba0bf020f 100644
--- a/frontend/vue/components/Admin/Permissions.vue
+++ b/frontend/vue/components/Admin/Permissions.vue
@@ -85,7 +85,7 @@ import DataTable from '~/components/Common/DataTable';
 import EditModal from './Permissions/EditModal';
 import Icon from '~/components/Common/Icon';
 import InfoCard from '~/components/Common/InfoCard';
-import _ from 'lodash';
+import {filter, get, map} from 'lodash';
 
 export default {
     name: 'AdminPermissions',
@@ -119,17 +119,17 @@ export default {
     },
     methods: {
         getGlobalPermissionNames(permissions) {
-            return _.filter(_.map(permissions, (permission) => {
-                return _.get(this.globalPermissions, permission, null);
+            return filter(map(permissions, (permission) => {
+                return get(this.globalPermissions, permission, null);
             }));
         },
         getStationPermissionNames(permissions) {
-            return _.filter(_.map(permissions, (permission) => {
-                return _.get(this.stationPermissions, permission, null);
+            return filter(map(permissions, (permission) => {
+                return get(this.stationPermissions, permission, null);
             }));
         },
         getStationName(stationId) {
-            return _.get(this.stations, stationId, null);
+            return get(this.stations, stationId, null);
         },
         relist() {
             this.$refs.datatable.refresh();
diff --git a/frontend/vue/components/Admin/Permissions/EditModal.vue b/frontend/vue/components/Admin/Permissions/EditModal.vue
index 53c2343bf..3fe3d4cba 100644
--- a/frontend/vue/components/Admin/Permissions/EditModal.vue
+++ b/frontend/vue/components/Admin/Permissions/EditModal.vue
@@ -31,7 +31,7 @@ import {required} from '@vuelidate/validators';
 import BaseEditModal from '~/components/Common/BaseEditModal';
 import AdminPermissionsGlobalForm from "./Form/GlobalForm";
 import AdminPermissionsStationForm from "./Form/StationForm";
-import _ from 'lodash';
+import {forEach, map} from 'lodash';
 import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 
 export default {
@@ -87,7 +87,7 @@ export default {
         populateForm(data) {
             this.form.name = data.name;
             this.form.permissions.global = data.permissions.global;
-            this.form.permissions.station = _.map(data.permissions.station, (permissions, stationId) => {
+            this.form.permissions.station = map(data.permissions.station, (permissions, stationId) => {
                 return {
                     'station_id': stationId,
                     'permissions': permissions
@@ -103,7 +103,7 @@ export default {
                 }
             };
 
-            _.forEach(this.form.permissions.station, (row) => {
+            forEach(this.form.permissions.station, (row) => {
                 form.permissions.station[row.station_id] = row.permissions;
             });
 
diff --git a/frontend/vue/components/Admin/Stations.vue b/frontend/vue/components/Admin/Stations.vue
index e499ebc12..3f1c5b2d4 100644
--- a/frontend/vue/components/Admin/Stations.vue
+++ b/frontend/vue/components/Admin/Stations.vue
@@ -88,7 +88,7 @@
 import DataTable from '~/components/Common/DataTable';
 import Icon from '~/components/Common/Icon';
 import AdminStationsEditModal from "./Stations/EditModal";
-import _ from "lodash";
+import {get} from "lodash";
 import AdminStationsCloneModal from "./Stations/CloneModal";
 import stationFormProps from "./Stations/stationFormProps";
 
@@ -148,10 +148,10 @@ export default {
             });
         },
         getFrontendName(frontend_type) {
-            return _.get(this.frontendTypes, [frontend_type, 'name'], '');
+            return get(this.frontendTypes, [frontend_type, 'name'], '');
         },
         getBackendName(backend_type) {
-            return _.get(this.backendTypes, [backend_type, 'name'], '');
+            return get(this.backendTypes, [backend_type, 'name'], '');
         }
     }
 };
diff --git a/frontend/vue/components/Admin/Users/EditModal.vue b/frontend/vue/components/Admin/Users/EditModal.vue
index bf0f4a175..7156e050f 100644
--- a/frontend/vue/components/Admin/Users/EditModal.vue
+++ b/frontend/vue/components/Admin/Users/EditModal.vue
@@ -21,7 +21,7 @@ import useVuelidate from "@vuelidate/core";
 import {email, required} from '@vuelidate/validators';
 import BaseEditModal from '~/components/Common/BaseEditModal';
 import AdminUsersForm from './Form.vue';
-import _ from 'lodash';
+import {map} from 'lodash';
 import validatePassword from "~/functions/validatePassword";
 
 export default {
@@ -75,7 +75,7 @@ export default {
                 name: data.name,
                 email: data.email,
                 new_password: '',
-                roles: _.map(data.roles, 'id')
+                roles: map(data.roles, 'id')
             };
         },
     }
diff --git a/frontend/vue/components/Common/AudioPlayer.vue b/frontend/vue/components/Common/AudioPlayer.vue
index fb4bf9d8b..58896f1b4 100644
--- a/frontend/vue/components/Common/AudioPlayer.vue
+++ b/frontend/vue/components/Common/AudioPlayer.vue
@@ -16,7 +16,7 @@ export default defineComponent({
     props: {
         title: {
             type: String,
-            required: true
+            default: null
         },
         volume: {
             type: Number,
diff --git a/frontend/vue/components/Common/Charts/TimeSeriesChart.vue b/frontend/vue/components/Common/Charts/TimeSeriesChart.vue
index d0ab2f45c..24095d985 100644
--- a/frontend/vue/components/Common/Charts/TimeSeriesChart.vue
+++ b/frontend/vue/components/Common/Charts/TimeSeriesChart.vue
@@ -8,7 +8,7 @@
 import {get} from "@vueuse/core";
 import {Tableau20} from "~/vendor/chartjs-colorschemes/colorschemes.tableau";
 import {DateTime} from "luxon";
-import _ from "lodash";
+import {defaultsDeep} from "lodash";
 import {Chart} from "chart.js";
 import {onMounted, onUnmounted, ref} from "vue";
 import {useTranslate} from "~/vendor/gettext";
@@ -16,7 +16,9 @@ import {useTranslate} from "~/vendor/gettext";
 const props = defineProps({
     options: {
         type: Object,
-        required: true
+        default: () => {
+            return {};
+        }
     },
     data: {
         type: Array,
@@ -99,7 +101,7 @@ onMounted(() => {
         $chart.destroy();
     }
 
-    let chartOptions = _.defaultsDeep({}, props.options, defaultOptions);
+    let chartOptions = defaultsDeep({}, props.options, defaultOptions);
     $chart = new Chart(get($canvas).getContext('2d'), chartOptions);
 });
 
diff --git a/frontend/vue/components/Common/ModalForm.vue b/frontend/vue/components/Common/ModalForm.vue
index 0d640187c..3ae156922 100644
--- a/frontend/vue/components/Common/ModalForm.vue
+++ b/frontend/vue/components/Common/ModalForm.vue
@@ -75,7 +75,7 @@
 <script>
 import InvisibleSubmitButton from "~/components/Common/InvisibleSubmitButton.vue";
 import {defineComponent} from "vue";
-import _ from "lodash";
+import {filter, includes} from "lodash";
 
 export default defineComponent({
     components: {InvisibleSubmitButton},
@@ -116,8 +116,8 @@ export default defineComponent({
     emits: ['submit', 'shown', 'hidden'],
     computed: {
         filteredScopedSlots() {
-            return _.filter(this.$slots, (slot, name) => {
-                return !_.includes([
+            return filter(this.$slots, (slot, name) => {
+                return !includes([
                     'default', 'modal-footer'
                 ], name);
             });
diff --git a/frontend/vue/components/Common/TimeCode.vue b/frontend/vue/components/Common/TimeCode.vue
index 331a2cd69..b2a0f1c3e 100644
--- a/frontend/vue/components/Common/TimeCode.vue
+++ b/frontend/vue/components/Common/TimeCode.vue
@@ -11,7 +11,7 @@
 <script setup>
 
 import {computed} from "vue";
-import _ from 'lodash';
+import {isEmpty, padStart} from 'lodash';
 
 const props = defineProps({
     modelValue: {
@@ -24,7 +24,7 @@ const emit = defineEmits(['update:modelValue']);
 
 const parseTimeCode = (timeCode) => {
     if (timeCode !== '' && timeCode !== null) {
-        timeCode = _.padStart(timeCode, 4, '0');
+        timeCode = padStart(timeCode, 4, '0');
         return timeCode.substring(0, 2) + ':' + timeCode.substring(2);
     }
 
@@ -32,7 +32,7 @@ const parseTimeCode = (timeCode) => {
 }
 
 const convertToTimeCode = (time) => {
-    if (_.isEmpty(time)) {
+    if (isEmpty(time)) {
         return null;
     }
 
diff --git a/frontend/vue/components/Form/BWrappedFormGroup.vue b/frontend/vue/components/Form/BWrappedFormGroup.vue
index ca6265aac..3519a9c57 100644
--- a/frontend/vue/components/Form/BWrappedFormGroup.vue
+++ b/frontend/vue/components/Form/BWrappedFormGroup.vue
@@ -94,7 +94,7 @@ const props = defineProps({
     },
     name: {
         type: String,
-        required: true
+        default: null
     },
     field: {
         type: Object,
diff --git a/frontend/vue/components/InlinePlayer.vue b/frontend/vue/components/InlinePlayer.vue
index e0f06cfa9..85fafc2c1 100644
--- a/frontend/vue/components/InlinePlayer.vue
+++ b/frontend/vue/components/InlinePlayer.vue
@@ -53,7 +53,7 @@
             </div>
             <div class="flex-fill mx-1">
                 <input
-                    v-model="volume"
+                    v-model.number="volume"
                     type="range"
                     :title="$gettext('Volume')"
                     class="player-volume-range custom-range"
diff --git a/frontend/vue/components/Public/Requests.vue b/frontend/vue/components/Public/Requests.vue
index d7c4e1dd8..e84c88e61 100644
--- a/frontend/vue/components/Public/Requests.vue
+++ b/frontend/vue/components/Public/Requests.vue
@@ -41,7 +41,7 @@
 
 <script>
 import DataTable from '~/components/Common/DataTable';
-import _ from 'lodash';
+import {forEach} from 'lodash';
 import AlbumArt from '~/components/Common/AlbumArt';
 
 export default {
@@ -95,7 +95,7 @@ export default {
             }
         ];
 
-        _.forEach(this.customFields.slice(), (field) => {
+        forEach(this.customFields.slice(), (field) => {
             fields.push({
                 key: 'song.custom_fields.' + field.short_name,
                 label: field.name,
diff --git a/frontend/vue/components/Public/WebDJ/MicrophonePanel.vue b/frontend/vue/components/Public/WebDJ/MicrophonePanel.vue
index ce046f197..39488af38 100644
--- a/frontend/vue/components/Public/WebDJ/MicrophonePanel.vue
+++ b/frontend/vue/components/Public/WebDJ/MicrophonePanel.vue
@@ -83,7 +83,7 @@
 </template>
 <script>
 import track from './Track.js';
-import _ from 'lodash';
+import {first, filter, isEmpty} from 'lodash';
 import Icon from '~/components/Common/Icon';
 import VolumeSlider from "~/components/Public/WebDJ/VolumeSlider";
 
@@ -184,15 +184,15 @@ export default {
             });
         },
         setDevices: function (devices) {
-            devices = _.filter(devices, function ({kind}) {
+            devices = filter(devices, function ({kind}) {
                 return kind === 'audioinput';
             });
-            if (_.isEmpty(devices)) {
+            if (isEmpty(devices)) {
                 return;
             }
 
             this.devices = devices;
-            this.device = _.first(devices).deviceId;
+            this.device = first(devices).deviceId;
         }
     }
 };
diff --git a/frontend/vue/components/Public/WebDJ/PlaylistPanel.vue b/frontend/vue/components/Public/WebDJ/PlaylistPanel.vue
index ad1e1bd99..1ab4e40ae 100644
--- a/frontend/vue/components/Public/WebDJ/PlaylistPanel.vue
+++ b/frontend/vue/components/Public/WebDJ/PlaylistPanel.vue
@@ -63,7 +63,7 @@
             >
                 <div class="d-flex flex-row mb-2">
                     <div class="flex-shrink-0 pt-1 pr-2">
-                        {{ prettifyTime(position) }}
+                        {{ formatTime(position) }}
                     </div>
                     <div class="flex-fill">
                         <input
@@ -79,7 +79,7 @@
                         >
                     </div>
                     <div class="flex-shrink-0 pt-1 pl-2">
-                        {{ prettifyTime(duration) }}
+                        {{ formatTime(duration) }}
                     </div>
                 </div>
 
@@ -163,11 +163,11 @@
             >
                 <div class="d-flex w-100 justify-content-between">
                     <h5 class="mb-0">{{
-                        rowFile.metadata.title ? rowFile.metadata.title : lang_unknown_title
-                    }}</h5>
-                    <small class="pt-1">{{ prettifyTime(rowFile.audio.length) }}</small>
+                            rowFile?.metadata?.title ?? $gettext('Unknown Title')
+                        }}</h5>
+                    <small class="pt-1">{{ formatTime(rowFile.audio.length) }}</small>
                 </div>
-                <p class="mb-0">{{ rowFile.metadata.artist ? rowFile.metadata.artist : lang_unknown_artist }}</p>
+                <p class="mb-0">{{ rowFile?.metadata?.artist ?? $gettext('Unknown Artist') }}</p>
             </a>
         </div>
     </div>
@@ -175,9 +175,10 @@
 
 <script>
 import track from './Track.js';
-import _ from 'lodash';
+import {forEach} from 'lodash';
 import Icon from '~/components/Common/Icon';
 import VolumeSlider from "~/components/Public/WebDJ/VolumeSlider";
+import formatTime from "../../../functions/formatTime";
 
 export default {
     components: {VolumeSlider, Icon},
@@ -209,12 +210,6 @@ export default {
                 ? this.$gettext('Playlist 1')
                 : this.$gettext('Playlist 2');
         },
-        lang_unknown_title () {
-            return this.$gettext('Unknown Title');
-        },
-        lang_unknown_artist () {
-            return this.$gettext('Unknown Artist');
-        },
         positionPercent () {
             return (100.0 * this.position / parseFloat(this.duration));
         },
@@ -231,38 +226,14 @@ export default {
         this.$root.$on('new-cue', this.onNewCue);
     },
     methods: {
-        prettifyTime(time) {
-            if (typeof time === 'undefined') {
-                return 'N/A';
-            }
-
-            let hours = parseInt(time / 3600);
-            time %= 3600;
-            let minutes = parseInt(time / 60);
-            let seconds = parseInt(time % 60);
-
-            if (minutes < 10) {
-                minutes = '0' + minutes;
-            }
-            if (seconds < 10) {
-                seconds = '0' + seconds;
-            }
-
-            if (hours > 0) {
-                return hours + ':' + minutes + ':' + seconds;
-            } else {
-                return minutes + ':' + seconds;
-            }
-        },
+        formatTime,
         cue() {
             this.resumeStream();
             this.$root.$emit('new-cue', (this.passThrough) ? 'off' : this.id);
         },
-
         onNewCue(new_cue) {
             this.passThrough = (new_cue === this.id);
         },
-
         setMixGain(new_value) {
             if (this.id === 'playlist_1') {
                 this.mixGainObj.gain.value = 1.0 - new_value;
@@ -270,19 +241,17 @@ export default {
                 this.mixGainObj.gain.value = new_value;
             }
         },
-
         addNewFiles (newFiles) {
-            _.each(newFiles, (file) => {
+            forEach(newFiles, (file) => {
                 file.readTaglibMetadata((data) => {
                     this.files.push({
                         file: file,
                         audio: data.audio,
-                        metadata: data.metadata || { title: '', artist: '' }
+                        metadata: data.metadata || {title: '', artist: ''}
                     });
                 });
             });
         },
-
         play (options) {
             this.resumeStream();
 
diff --git a/frontend/vue/components/Public/WebDJ/SettingsPanel.vue b/frontend/vue/components/Public/WebDJ/SettingsPanel.vue
index 47e76671f..df5291b0f 100644
--- a/frontend/vue/components/Public/WebDJ/SettingsPanel.vue
+++ b/frontend/vue/components/Public/WebDJ/SettingsPanel.vue
@@ -200,7 +200,7 @@
                                             v-model="djUsername"
                                             type="text"
                                             class="form-control"
-                                            :placeholder="langDjUsername"
+                                            :placeholder="$gettext('Username')"
                                         >
                                     </div>
                                     <div class="col-6">
@@ -208,7 +208,7 @@
                                             v-model="djPassword"
                                             type="password"
                                             class="form-control"
-                                            :placeholder="langDjPassword"
+                                            :placeholder="$gettext('Password')"
                                         >
                                     </div>
                                 </div>
@@ -345,12 +345,6 @@ export default {
         };
     },
     computed: {
-        langDjUsername () {
-            return this.$gettext('Username');
-        },
-        langDjPassword () {
-            return this.$gettext('Password');
-        },
         langStreamButton () {
             return (this.isStreaming)
                 ? this.$gettext('Stop Streaming')
diff --git a/frontend/vue/components/Stations/Media.vue b/frontend/vue/components/Stations/Media.vue
index 0751ab62f..508d1cc1f 100644
--- a/frontend/vue/components/Stations/Media.vue
+++ b/frontend/vue/components/Stations/Media.vue
@@ -258,7 +258,7 @@ import PlayButton from "~/components/Common/PlayButton";</script>
 
 <script>
 import formatFileSize from '~/functions/formatFileSize.js';
-import _ from 'lodash';
+import {forEach, map, partition} from 'lodash';
 import {DateTime} from 'luxon';
 import {useAzuraCast} from "~/vendor/azuracast";
 
@@ -341,7 +341,7 @@ export default {
             {key: 'media.length', label: this.$gettext('Length'), sortable: true, selectable: true, visible: true}
         ];
 
-        _.forEach(this.customFields.slice(), (field) => {
+        forEach(this.customFields.slice(), (field) => {
             fields.push({
                 key: 'media.custom_fields[' + field.id + ']',
                 label: field.name,
@@ -417,12 +417,12 @@ export default {
             return formatFileSize(size);
         },
         onRowSelected(items) {
-            let splitItems = _.partition(items, 'is_dir');
+            let splitItems = partition(items, 'is_dir');
 
             this.selectedItems = {
                 all: items,
-                files: _.map(splitItems[1], 'path'),
-                directories: _.map(splitItems[0], 'path')
+                files: map(splitItems[1], 'path'),
+                directories: map(splitItems[0], 'path')
             };
         },
         onTriggerNavigate() {
diff --git a/frontend/vue/components/Stations/Media/MediaToolbar.vue b/frontend/vue/components/Stations/Media/MediaToolbar.vue
index 8da8338ee..b9f483464 100644
--- a/frontend/vue/components/Stations/Media/MediaToolbar.vue
+++ b/frontend/vue/components/Stations/Media/MediaToolbar.vue
@@ -10,7 +10,7 @@
                     v-b-tooltip.hover
                     size="sm"
                     variant="primary"
-                    :title="langPlaylistDropdown"
+                    :title="$gettext('Set or clear playlists from the selected media')"
                 >
                     <template #button-content>
                         <icon icon="clear_all" />
@@ -63,7 +63,7 @@
                                         class="form-control p-2"
                                         name="new_playlist_name"
                                         style="min-width: 150px;"
-                                        :placeholder="langNewPlaylist"
+                                        :placeholder="$gettext('New Playlist')"
                                     >
                                 </label>
                             </div>
@@ -101,11 +101,11 @@
             >
                 <template #button-content>
                     <icon icon="more_horiz" />
-                    {{ langMore }}
+                    {{ $gettext('More') }}
                 </template>
                 <b-dropdown-item
                     v-b-tooltip.hover
-                    :title="langQueue"
+                    :title="$gettext('Queue the selected media to play next')"
                     @click="doQueue"
                 >
                     {{ $gettext('Queue') }}
@@ -113,14 +113,14 @@
                 <b-dropdown-item
                     v-if="supportsImmediateQueue"
                     v-b-tooltip.hover
-                    :title="langImmediateQueue"
+                    :title="$gettext('Make the selected media play immediately, interrupting existing media')"
                     @click="doImmediateQueue"
                 >
                     {{ $gettext('Play Now') }}
                 </b-dropdown-item>
                 <b-dropdown-item
                     v-b-tooltip.hover
-                    :title="langReprocess"
+                    :title="$gettext('Analyze and reprocess the selected media')"
                     @click="doReprocess"
                 >
                     {{ $gettext('Reprocess') }}
@@ -149,7 +149,7 @@
     </div>
 </template>
 <script>
-import _ from 'lodash';
+import {forEach, intersection, map} from 'lodash';
 import Icon from '~/components/Common/Icon';
 import '~/vendor/sweetalert';
 
@@ -188,24 +188,6 @@ export default {
         };
     },
     computed: {
-        langPlaylistDropdown() {
-            return this.$gettext('Set or clear playlists from the selected media');
-        },
-        langNewPlaylist() {
-            return this.$gettext('New Playlist');
-        },
-        langMore() {
-            return this.$gettext('More');
-        },
-        langImmediateQueue() {
-            return this.$gettext('Make the selected media play immediately, interrupting existing media');
-        },
-        langQueue() {
-            return this.$gettext('Queue the selected media to play next');
-        },
-        langReprocess() {
-            return this.$gettext('Analyze and reprocess the selected media');
-        },
         langErrors() {
             return this.$gettext('The request could not be processed.');
         },
@@ -213,12 +195,12 @@ export default {
     watch: {
         selectedItems (items) {
             // Get all playlists that are active on ALL selected items.
-            let playlistsForItems = _.map(items.all, (item) => {
-                return _.map(item.playlists, 'id');
+            let playlistsForItems = map(items.all, (item) => {
+                return map(item.playlists, 'id');
             });
 
             // Check the checkboxes for those playlists.
-            this.checkedPlaylists = _.intersection(...playlistsForItems);
+            this.checkedPlaylists = intersection(...playlistsForItems);
         },
         newPlaylist (text) {
             if (text !== '') {
@@ -262,7 +244,7 @@ export default {
                 ).then((resp) => {
                     if (resp.data.success) {
                         let allItemNodes = [];
-                        _.forEach(this.selectedItems.all, (item) => {
+                        forEach(this.selectedItems.all, (item) => {
                             allItemNodes.push(this.$createElement('div', {}, item.path_short));
                         });
 
@@ -271,7 +253,7 @@ export default {
                         });
                     } else {
                         let errorNodes = [];
-                        _.forEach(resp.data.errors, (error) => {
+                        forEach(resp.data.errors, (error) => {
                             errorNodes.push(this.$createElement('div', {}, error));
                         });
 
@@ -316,7 +298,7 @@ export default {
                             : this.$gettext('Playlists cleared for selected files:');
 
                         let allItemNodes = [];
-                        _.forEach(this.selectedItems.all, (item) => {
+                        forEach(this.selectedItems.all, (item) => {
                             allItemNodes.push(this.$createElement('div', {}, item.path_short));
                         });
 
@@ -328,7 +310,7 @@ export default {
                         this.newPlaylist = '';
                     } else {
                         let errorNodes = [];
-                        _.forEach(resp.data.errors, (error) => {
+                        forEach(resp.data.errors, (error) => {
                             errorNodes.push(this.$createElement('div', {}, error));
                         });
 
diff --git a/frontend/vue/components/Stations/Media/MoveFilesModal.vue b/frontend/vue/components/Stations/Media/MoveFilesModal.vue
index 6466ef30f..cbf4518f5 100644
--- a/frontend/vue/components/Stations/Media/MoveFilesModal.vue
+++ b/frontend/vue/components/Stations/Media/MoveFilesModal.vue
@@ -73,7 +73,7 @@
 </template>
 <script>
 import DataTable from '~/components/Common/DataTable.vue';
-import _ from 'lodash';
+import {forEach} from 'lodash';
 import Icon from '~/components/Common/Icon';
 
 export default {
@@ -109,8 +109,10 @@ export default {
     },
     computed: {
         langHeader () {
-            let headerText = this.$gettext('Move %{ num } File(s) to');
-            return this.$gettextInterpolate(headerText, { num: this.selectedItems.all.length });
+            return this.$gettext(
+                'Move %{ num } File(s) to',
+                {num: this.selectedItems.all.length}
+            );
         }
     },
     methods: {
@@ -132,7 +134,7 @@ export default {
             ).then(() => {
                 let notifyMessage = this.$gettext('Files moved:');
                 let itemNameNodes = [];
-                _.forEach(this.selectedItems.all, (item) => {
+                forEach(this.selectedItems.all, (item) => {
                     itemNameNodes.push(this.$createElement('div', {}, item.name));
                 });
 
diff --git a/frontend/vue/components/Stations/Mounts/Form/BasicInfo.vue b/frontend/vue/components/Stations/Mounts/Form/BasicInfo.vue
index 8b3a3ae20..8250872e5 100644
--- a/frontend/vue/components/Stations/Mounts/Form/BasicInfo.vue
+++ b/frontend/vue/components/Stations/Mounts/Form/BasicInfo.vue
@@ -167,10 +167,10 @@ export default {
     },
     computed: {
         langAuthhashDesc() {
-            let text = 'If your stream is set to advertise to YP directories above, you must specify an authorization hash. You can manage authhashes <a href="%{ url }" target="_blank">on the Shoutcast web site</a>.';
-            let url = 'https://radiomanager.shoutcast.com/';
-
-            return this.$gettextInterpolate(this.$gettext(text), {url: url});
+            return this.$gettext(
+                'If your stream is set to advertise to YP directories above, you must specify an authorization hash. You can manage authhashes <a href="%{ url }" target="_blank">on the Shoutcast web site</a>.',
+                {url: 'https://radiomanager.shoutcast.com/'}
+            );
         },
         isIcecast () {
             return FRONTEND_ICECAST === this.stationFrontendType;
diff --git a/frontend/vue/components/Stations/Playlists/CloneModal.vue b/frontend/vue/components/Stations/Playlists/CloneModal.vue
index 8b4970017..89d5aecbb 100644
--- a/frontend/vue/components/Stations/Playlists/CloneModal.vue
+++ b/frontend/vue/components/Stations/Playlists/CloneModal.vue
@@ -85,8 +85,10 @@ export default {
             this.resetForm();
             this.cloneUrl = cloneUrl;
 
-            let langNewName = this.$gettext('%{name} - Copy');
-            this.form.name = this.$gettextInterpolate(langNewName, {name: name});
+            this.form.name = this.$gettext(
+                '%{name} - Copy',
+                {name: name}
+            );
 
             this.$refs.modal.show();
         },
diff --git a/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue b/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
index 4661648e7..4773135fe 100644
--- a/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
+++ b/frontend/vue/components/Stations/Podcasts/Common/Artwork.vue
@@ -25,7 +25,7 @@
                 >
                     <b-img
                         :src="src"
-                        :alt="langTitle"
+                        :alt="$gettext('Artwork')"
                         rounded
                         fluid
                     />
diff --git a/frontend/vue/components/Stations/Profile/RequestsPanel.vue b/frontend/vue/components/Stations/Profile/RequestsPanel.vue
index ab0e05811..cec0c6764 100644
--- a/frontend/vue/components/Stations/Profile/RequestsPanel.vue
+++ b/frontend/vue/components/Stations/Profile/RequestsPanel.vue
@@ -66,6 +66,7 @@ export default {
 <script setup>
 import Icon from '~/components/Common/Icon';
 import requestsPanelProps from "~/components/Stations/Profile/requestsPanelProps";
+import EnabledBadge from "~/components/Common/Badges/EnabledBadge.vue";
 
 const props = defineProps({
     ...requestsPanelProps
diff --git a/frontend/vue/components/Stations/Profile/SchedulePanel.vue b/frontend/vue/components/Stations/Profile/SchedulePanel.vue
index 8b09a5990..acea8d248 100644
--- a/frontend/vue/components/Stations/Profile/SchedulePanel.vue
+++ b/frontend/vue/components/Stations/Profile/SchedulePanel.vue
@@ -56,7 +56,7 @@ export default {
 
 <script setup>
 import {DateTime} from "luxon";
-import _ from "lodash";
+import {map} from "lodash";
 import {computed} from "vue";
 import {useAzuraCast} from "~/vendor/azuracast";
 
@@ -76,7 +76,7 @@ const {timeConfig} = useAzuraCast();
 const processedScheduleItems = computed(() => {
     const now = DateTime.now().setZone(props.stationTimeZone);
 
-    return _.map(props.scheduleItems, (row) => {
+    return map(props.scheduleItems, (row) => {
         const start_moment = DateTime.fromSeconds(row.start_timestamp).setZone(props.stationTimeZone);
         const end_moment = DateTime.fromSeconds(row.end_timestamp).setZone(props.stationTimeZone);
 
diff --git a/frontend/vue/components/Stations/Webhooks.vue b/frontend/vue/components/Stations/Webhooks.vue
index b70eedbcd..a668b319d 100644
--- a/frontend/vue/components/Stations/Webhooks.vue
+++ b/frontend/vue/components/Stations/Webhooks.vue
@@ -101,7 +101,7 @@ import DataTable from '~/components/Common/DataTable';
 import EditModal from './Webhooks/EditModal';
 import Icon from '~/components/Common/Icon';
 import InfoCard from "~/components/Common/InfoCard";
-import _ from 'lodash';
+import {get, map} from 'lodash';
 import StreamingLogModal from "~/components/Common/StreamingLogModal";
 
 export default {
@@ -168,11 +168,11 @@ export default {
                 : 'success';
         },
         getWebhookName(key) {
-            return _.get(this.webhookTypes, [key, 'name'], '');
+            return get(this.webhookTypes, [key, 'name'], '');
         },
         getTriggerNames(triggers) {
-            return _.map(triggers, (trigger) => {
-                return _.get(this.langTriggerTitles, trigger, '');
+            return map(triggers, (trigger) => {
+                return get(this.langTriggerTitles, trigger, '');
             });
         },
         relist() {
diff --git a/frontend/vue/components/Stations/Webhooks/EditModal.vue b/frontend/vue/components/Stations/Webhooks/EditModal.vue
index a9bf62f91..3dea20d11 100644
--- a/frontend/vue/components/Stations/Webhooks/EditModal.vue
+++ b/frontend/vue/components/Stations/Webhooks/EditModal.vue
@@ -44,7 +44,7 @@ import {required} from '@vuelidate/validators';
 import BaseEditModal from '~/components/Common/BaseEditModal';
 import TypeSelect from "./Form/TypeSelect";
 import BasicInfo from "./Form/BasicInfo";
-import _ from "lodash";
+import {get, map} from "lodash";
 import Generic from "./Form/Generic";
 import Email from "./Form/Email";
 import Tunein from "./Form/Tunein";
@@ -101,7 +101,7 @@ export default {
         }
 
         if (this.type !== null) {
-            validations.form.config = _.get(this.webhookConfig, [this.type, 'validations'], {});
+            validations.form.config = get(this.webhookConfig, [this.type, 'validations'], {});
         }
 
         return validations;
@@ -117,8 +117,8 @@ export default {
                 return [];
             }
 
-            let webhookKeys = _.get(this.webhookTypes, [this.type, 'triggers'], []);
-            return _.map(webhookKeys, (key) => {
+            let webhookKeys = get(this.webhookTypes, [this.type, 'triggers'], []);
+            return map(webhookKeys, (key) => {
                 return {
                     html:
                         '<h6 class="font-weight-bold mb-0">' + this.triggerTitles[key] + '</h6>'
@@ -128,10 +128,10 @@ export default {
             });
         },
         typeTitle() {
-            return _.get(this.webhookTypes, [this.type, 'name'], '');
+            return get(this.webhookTypes, [this.type, 'name'], '');
         },
         formComponent() {
-            return _.get(this.webhookConfig, [this.type, 'component'], Generic);
+            return get(this.webhookConfig, [this.type, 'component'], Generic);
         },
         webhookConfig() {
             return {
@@ -300,62 +300,78 @@ export default {
             return this.$gettext('Powered by AzuraCast');
         },
         langDiscordDefaultContent() {
-            let msg = this.$gettext('Now playing on %{ station }:');
-            return this.$gettextInterpolate(msg, {'station': '{{ station.name }}'});
+            return this.$gettext(
+                'Now playing on %{ station }:',
+                {'station': '{{ station.name }}'}
+            );
         },
         langTelegramDefaultContent() {
-            let msg = this.$gettext('Now playing on %{ station }: %{ title } by %{ artist }! Tune in now.');
-            return this.$gettextInterpolate(msg, {
-                station: '{{ station.name }}',
-                title: '{{ now_playing.song.title }}',
-                artist: '{{ now_playing.song.artist }}'
-            });
+            return this.$gettext(
+                'Now playing on %{ station }: %{ title } by %{ artist }! Tune in now.',
+                {
+                    station: '{{ station.name }}',
+                    title: '{{ now_playing.song.title }}',
+                    artist: '{{ now_playing.song.artist }}'
+                }
+            );
         },
         langTwitterDefaultMessage() {
-            let msg = this.$gettext('Now playing on %{ station }: %{ title } by %{ artist }! Tune in now: %{ url }');
-            return this.$gettextInterpolate(msg, {
-                station: '{{ station.name }}',
-                title: '{{ now_playing.song.title }}',
-                artist: '{{ now_playing.song.artist }}',
-                url: '{{ station.public_player_url }}'
-            });
+            return this.$gettext(
+                'Now playing on %{ station }: %{ title } by %{ artist }! Tune in now: %{ url }',
+                {
+                    station: '{{ station.name }}',
+                    title: '{{ now_playing.song.title }}',
+                    artist: '{{ now_playing.song.artist }}',
+                    url: '{{ station.public_player_url }}'
+                }
+            );
         },
         langTwitterSongChangedLiveMessage() {
-            let msg = this.$gettext('Now playing on %{ station }: %{ title } by %{ artist } with your host, %{ dj }! Tune in now: %{ url }');
-            return this.$gettextInterpolate(msg, {
-                station: '{{ station.name }}',
-                title: '{{ now_playing.song.title }}',
-                artist: '{{ now_playing.song.artist }}',
-                dj: '{{ live.streamer_name }}',
-                url: '{{ station.public_player_url }}'
-            });
+            return this.$gettext(
+                'Now playing on %{ station }: %{ title } by %{ artist } with your host, %{ dj }! Tune in now: %{ url }',
+                {
+                    station: '{{ station.name }}',
+                    title: '{{ now_playing.song.title }}',
+                    artist: '{{ now_playing.song.artist }}',
+                    dj: '{{ live.streamer_name }}',
+                    url: '{{ station.public_player_url }}'
+                }
+            );
         },
         langTwitterDjOnMessage() {
-            let msg = this.$gettext('%{ dj } is now live on %{ station }! Tune in now: %{ url }');
-            return this.$gettextInterpolate(msg, {
-                dj: '{{ live.streamer_name }}',
-                station: '{{ station.name }}',
-                url: '{{ station.public_player_url }}'
-            });
+            return this.$gettext(
+                '%{ dj } is now live on %{ station }! Tune in now: %{ url }',
+                {
+                    dj: '{{ live.streamer_name }}',
+                    station: '{{ station.name }}',
+                    url: '{{ station.public_player_url }}'
+                }
+            );
         },
         langTwitterDjOffMessage() {
-            let msg = this.$gettext('Thanks for listening to %{ station }!');
-            return this.$gettextInterpolate(msg, {
-                station: '{{ station.name }}',
-            });
+            return this.$gettext(
+                'Thanks for listening to %{ station }!',
+                {
+                    station: '{{ station.name }}',
+                }
+            );
         },
         langTwitterStationOfflineMessage() {
-            let msg = this.$gettext('%{ station } is going offline for now.');
-            return this.$gettextInterpolate(msg, {
-                station: '{{ station.name }}'
-            });
+            return this.$gettext(
+                '%{ station } is going offline for now.',
+                {
+                    station: '{{ station.name }}'
+                }
+            );
         },
         langTwitterStationOnlineMessage() {
-            let msg = this.$gettext('%{ station } is back online! Tune in now: %{ url }');
-            return this.$gettextInterpolate(msg, {
-                station: '{{ station.name }}',
-                url: '{{ station.public_player_url }}'
-            });
+            return this.$gettext(
+                '%{ station } is back online! Tune in now: %{ url }',
+                {
+                    station: '{{ station.name }}',
+                    url: '{{ station.public_player_url }}'
+                }
+            );
         }
     },
     methods: {
@@ -369,7 +385,7 @@ export default {
         },
         setType(type) {
             this.type = type;
-            this.form.config = _.get(this.webhookConfig, [type, 'defaultConfig'], {});
+            this.form.config = get(this.webhookConfig, [type, 'defaultConfig'], {});
         },
         getSubmittableFormData() {
             let formData = this.form;
diff --git a/frontend/vue/components/Stations/Webhooks/Form/Common/SocialPostFields.vue b/frontend/vue/components/Stations/Webhooks/Form/Common/SocialPostFields.vue
index 4583c8768..f37e6bab2 100644
--- a/frontend/vue/components/Stations/Webhooks/Form/Common/SocialPostFields.vue
+++ b/frontend/vue/components/Stations/Webhooks/Form/Common/SocialPostFields.vue
@@ -84,7 +84,7 @@
 <script>
 import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 import CommonFormattingInfo from "./FormattingInfo";
-import _ from 'lodash';
+import {includes} from 'lodash';
 
 export default {
     name: 'CommonSocialPostFields',
@@ -101,7 +101,7 @@ export default {
     },
     methods: {
         hasTrigger(trigger) {
-            return _.includes(this.form.triggers.$model, trigger);
+            return includes(this.form.triggers.$model, trigger);
         }
     }
 }