Upgraded dependencies, bumped to Node 24.

pages/admin/entities/+Page.vue

@@ -1,3 +1,56 @@
+<script setup>
+import { format, subMonths, subWeeks } from 'date-fns';
+
+import {
+	computed,
+	inject,
+	ref,
+	watch,
+} from 'vue';
+
+import Admin from '#/components/admin/admin.vue';
+
+import navigate from '#/src/navigate.js';
+
+const {
+	pageProps,
+	urlParsed,
+	meta,
+} = inject('pageContext');
+
+const { entities } = pageProps;
+
+const alertThreshold = ref(Number(urlParsed.search.alert) || 12);
+const deadThreshold = ref(Number(urlParsed.search.dead) || 36);
+const order = urlParsed.search.order || 'desc';
+
+const alertDate = computed(() => subWeeks(meta.now, alertThreshold.value));
+const deadDate = computed(() => subMonths(meta.now, deadThreshold.value));
+
+const alertEntities = computed(() => entities.filter((entity) => entity.latestReleaseDate > deadDate.value && entity.latestReleaseDate < alertDate.value));
+
+function sort(sorting) {
+	navigate('/admin/entities', {
+		sort: sorting,
+		order: order === 'desc' ? 'asc' : 'desc',
+		alert: alertThreshold.value,
+		dead: deadThreshold.value,
+	}, {
+		redirect: true,
+	});
+}
+
+watch([alertThreshold, deadThreshold], () => {
+	navigate('/admin/entities', {
+		...urlParsed.search,
+		alert: alertThreshold.value,
+		dead: deadThreshold.value,
+	}, {
+		redirect: false,
+	});
+});
+</script>
+
 <template>
 	<Admin class="page">
 		<div class="header">
@@ -84,59 +137,6 @@
 	</Admin>
 </template>
 
-<script setup>
-import {
-	ref,
-	computed,
-	watch,
-	inject,
-} from 'vue';
-
-import { format, subMonths, subWeeks } from 'date-fns';
-
-import navigate from '#/src/navigate.js';
-
-import Admin from '#/components/admin/admin.vue';
-
-const {
-	pageProps,
-	urlParsed,
-	meta,
-} = inject('pageContext');
-
-const { entities } = pageProps;
-
-const alertThreshold = ref(Number(urlParsed.search.alert) || 12);
-const deadThreshold = ref(Number(urlParsed.search.dead) || 36);
-const order = urlParsed.search.order || 'desc';
-
-const alertDate = computed(() => subWeeks(meta.now, alertThreshold.value));
-const deadDate = computed(() => subMonths(meta.now, deadThreshold.value));
-
-const alertEntities = computed(() => entities.filter((entity) => entity.latestReleaseDate > deadDate.value && entity.latestReleaseDate < alertDate.value));
-
-function sort(sorting) {
-	navigate('/admin/entities', {
-		sort: sorting,
-		order: order === 'desc' ? 'asc' : 'desc',
-		alert: alertThreshold.value,
-		dead: deadThreshold.value,
-	}, {
-		redirect: true,
-	});
-}
-
-watch([alertThreshold, deadThreshold], () => {
-	navigate('/admin/entities', {
-		...urlParsed.search,
-		alert: alertThreshold.value,
-		dead: deadThreshold.value,
-	}, {
-		redirect: false,
-	});
-});
-</script>
-
 <style scoped>
 .page {
 	flex-grow: 1;

pages/admin/entities/+onBeforeRender.js

@@ -1,4 +1,4 @@
-import { render } from 'vike/abort'; /* eslint-disable-line import/extensions */
+import { render } from 'vike/abort';
 import { fetchEntityHealths } from '#/src/entities.js';
 
 export async function onBeforeRender(pageContext) {