Upgraded dependencies, bumped to Node 24.

renderer/+onRenderHtml.js

@@ -1,7 +1,7 @@
+import { renderToString as renderToString_ } from '@vue/server-renderer';
 // https://vike.dev/onRenderHtml
 import config from 'config';
-import { renderToString as renderToString_ } from '@vue/server-renderer';
-import { escapeInject, dangerouslySkipEscape } from 'vike/server'; /* eslint-disable-line import/extensions */
+import { dangerouslySkipEscape, escapeInject } from 'vike/server';
 
 import { createApp } from './app.js';
 

renderer/app.js

@@ -1,15 +1,15 @@
+import FloatingVue from 'floating-vue';
 import { createSSRApp, h } from 'vue';
 import VueVirtualScroller from 'vue-virtual-scroller';
-import FloatingVue from 'floating-vue';
 
-import { setPageContext } from './usePageContext.js';
-import initClient from './init-client.js';
-
-import '../assets/css/style.css';
+import Icon from '../components/icon/icon.vue';
+import Link from '../components/link/link.vue';
 
 import Container from './container.vue';
-import Link from '../components/link/link.vue';
-import Icon from '../components/icon/icon.vue';
+
+import initClient from './init-client.js';
+import { setPageContext } from './usePageContext.js';
+import '../assets/css/style.css';
 
 function createApp(Page, pageProps, pageContext) {
 	const PageWithLayout = {

renderer/container.vue

@@ -1,3 +1,73 @@
+<script setup>
+import {
+	inject,
+	nextTick,
+	onMounted,
+	ref,
+} from 'vue';
+
+import Footer from '#/components/footer/footer.vue';
+
+import BottomNavigation from '#/components/footer/navigation.vue';
+import Header from '#/components/header/header.vue';
+import Sidebar from '#/components/sidebar/sidebar.vue';
+import events from '#/src/events.js';
+
+const pageContext = inject('pageContext');
+const { psa } = pageContext.env;
+const theme = ref(pageContext.env.theme);
+
+const content = ref(null);
+const feedback = ref(null);
+const feedbackContainer = ref(null);
+const feedbackBubble = ref(null);
+const showSidebar = ref(false);
+
+function blur() {
+	events.emit('blur');
+}
+
+onMounted(() => {
+	events.on('scrollUp', () => {
+		content.value.scrollTop = 0;
+	});
+
+	events.on('feedback', async (event) => {
+		feedback.value = event;
+
+		await nextTick();
+
+		feedbackBubble.value.animate([
+			{
+				visibility: 'visible',
+				transform: 'scaleY(0)',
+				opacity: 1,
+			},
+			{
+				transform: 'scaleY(1)',
+				opacity: 1,
+				offset: 0.002,
+			},
+			{
+				transform: 'scaleY(1)',
+				opacity: 1,
+				offset: 0.5,
+			},
+			{
+				opacity: 0,
+			},
+		], {
+			duration: event.type === 'error' ? 5000 : 3000,
+			easing: 'ease-in-out',
+		});
+	});
+
+	events.on('theme', (newTheme) => {
+		theme.value = newTheme;
+	});
+});
+</script>
+
 <template>
 	<div
 		id="container"
@@ -50,74 +120,6 @@
 	</div>
 </template>
 
-<script setup>
-import {
-	ref,
-	onMounted,
-	nextTick,
-	inject,
-} from 'vue';
-
-import events from '#/src/events.js';
-
-import Header from '#/components/header/header.vue';
-import Footer from '#/components/footer/footer.vue';
-import Sidebar from '#/components/sidebar/sidebar.vue';
-import BottomNavigation from '#/components/footer/navigation.vue';
-
-const pageContext = inject('pageContext');
-const { psa } = pageContext.env;
-const theme = ref(pageContext.env.theme);
-
-const content = ref(null);
-const feedback = ref(null);
-const feedbackContainer = ref(null);
-const feedbackBubble = ref(null);
-const showSidebar = ref(false);
-
-function blur() {
-	events.emit('blur');
-}
-
-onMounted(() => {
-	events.on('scrollUp', () => { content.value.scrollTop = 0; });
-
-	events.on('feedback', async (event) => {
-		feedback.value = event;
-
-		await nextTick();
-
-		feedbackBubble.value.animate([
-			{
-				visibility: 'visible',
-				transform: 'scaleY(0)',
-				opacity: 1,
-			},
-			{
-				transform: 'scaleY(1)',
-				opacity: 1,
-				offset: 0.002,
-			},
-			{
-				transform: 'scaleY(1)',
-				opacity: 1,
-				offset: 0.5,
-			},
-			{
-				opacity: 0,
-			},
-		], {
-			duration: event.type === 'error' ? 5000 : 3000,
-			easing: 'ease-in-out',
-		});
-	});
-
-	events.on('theme', (newTheme) => {
-		theme.value = newTheme;
-	});
-});
-</script>
-
 <style>
 .slide-enter-active,
 .slide-leave-active {