Upgraded dependencies, bumped to Node 24.

components/actors/add.vue

@@ -1,3 +1,62 @@
+<script setup>
+import { onMounted, ref } from 'vue';
+
+import Dialog from '#/components/dialog/dialog.vue';
+import Checkbox from '#/components/form/checkbox.vue';
+import Ellipsis from '#/components/loading/ellipsis.vue';
+
+import { post } from '#/src/api.js';
+import events from '#/src/events.js';
+
+const emit = defineEmits(['close']);
+
+const nameInput = ref(null);
+const isSubmitting = ref(false);
+const isSubmitted = ref(false);
+
+const name = ref(null);
+const gender = ref('female');
+const allowGlobalMatch = ref(true);
+
+const newActor = ref(null);
+
+onMounted(() => {
+	nameInput.value.focus();
+});
+
+async function addActor() {
+	isSubmitting.value = true;
+
+	try {
+		const { actor } = await post('/actors', {
+			actor: {
+				name: name.value,
+				gender: gender.value,
+				allowGlobalMatch: allowGlobalMatch.value,
+			},
+		}, {
+			successFeedback: 'Actor has been added.',
+			appendErrorMessage: true,
+		});
+
+		name.value = null;
+		gender.value = null;
+		allowGlobalMatch.value = true;
+
+		newActor.value = actor;
+	}
+	catch (error) {
+		events.emit('feedback', {
+			type: 'error',
+			message: error.message,
+		});
+	}
+
+	isSubmitting.value = false;
+	isSubmitted.value = true;
+}
+</script>
+
 <template>
 	<Dialog
 		title="Add actor"
@@ -80,64 +139,6 @@
 	</Dialog>
 </template>
 
-<script setup>
-import { ref, onMounted } from 'vue';
-
-import Dialog from '#/components/dialog/dialog.vue';
-import Ellipsis from '#/components/loading/ellipsis.vue';
-import Checkbox from '#/components/form/checkbox.vue';
-
-import { post } from '#/src/api.js';
-import events from '#/src/events.js';
-
-const emit = defineEmits(['close']);
-
-const nameInput = ref(null);
-const isSubmitting = ref(false);
-const isSubmitted = ref(false);
-
-const name = ref(null);
-const gender = ref('female');
-const allowGlobalMatch = ref(true);
-
-const newActor = ref(null);
-
-onMounted(() => {
-	nameInput.value.focus();
-});
-
-async function addActor() {
-	isSubmitting.value = true;
-
-	try {
-		const { actor } = await post('/actors', {
-			actor: {
-				name: name.value,
-				gender: gender.value,
-				allowGlobalMatch: allowGlobalMatch.value,
-			},
-		}, {
-			successFeedback: 'Actor has been added.',
-			appendErrorMessage: true,
-		});
-
-		name.value = null;
-		gender.value = null;
-		allowGlobalMatch.value = true;
-
-		newActor.value = actor;
-	} catch (error) {
-		events.emit('feedback', {
-			type: 'error',
-			message: error.message,
-		});
-	}
-
-	isSubmitting.value = false;
-	isSubmitted.value = true;
-}
-</script>
-
 <style scoped>
 .dialog-body {
 	width: 20rem;