Fix for eslint errors.

src/components/SortingSelector.vue

@@ -0,0 +1,44 @@
+<template>
+    <label for="ddlSortBy" v-t="'actions.sort_by'" />
+    <select id="ddlSortBy" v-model="selectedSort" class="select w-auto">
+        <option v-for="(value, key) in options" v-t="`actions.${key}`" :key="key" :value="value" />
+    </select>
+</template>
+
+<script setup>
+import { defineEmits, defineProps, ref, watch } from "vue";
+
+const options = {
+    most_recent: "descending",
+    least_recent: "ascending",
+    channel_name_asc: "channel_ascending",
+    channel_name_desc: "channel_descending",
+};
+
+const selectedSort = ref("descending");
+
+const props = defineProps({
+    byKey: String,
+});
+
+const emit = defineEmits(["apply"]);
+
+watch(selectedSort, value => {
+    switch (value) {
+        case "ascending":
+            emit("apply", (a, b) => a[props.byKey] - b[props.byKey]);
+            break;
+        case "descending":
+            emit("apply", (a, b) => b[props.byKey] - a[props.byKey]);
+            break;
+        case "channel_ascending":
+            emit("apply", (a, b) => a.uploaderName.localeCompare(b.uploaderName));
+            break;
+        case "channel_descending":
+            emit("apply", (a, b) => b.uploaderName.localeCompare(a.uploaderName));
+            break;
+        default:
+            console.error("Unexpected sort value");
+    }
+});
+</script>