diff --git a/frontend/src/lib/nav/AppShell.test.ts b/frontend/src/lib/nav/AppShell.test.ts
index 63e9eb0..24e09b4 100644
--- a/frontend/src/lib/nav/AppShell.test.ts
+++ b/frontend/src/lib/nav/AppShell.test.ts
@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import AppShell from './AppShell.svelte';
 
-vi.mock('$app/stores', () => {
-	const { readable } = require('svelte/store');
+vi.mock('$app/stores', async () => {
+	const { readable } = await import('svelte/store');
 	return {
 		page: readable({ url: new URL('http://localhost/planner') })
 	};
diff --git a/frontend/src/lib/nav/DesktopSidebar.test.ts b/frontend/src/lib/nav/DesktopSidebar.test.ts
index 0f5ef69..16e2421 100644
--- a/frontend/src/lib/nav/DesktopSidebar.test.ts
+++ b/frontend/src/lib/nav/DesktopSidebar.test.ts
@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import DesktopSidebar from './DesktopSidebar.svelte';
 
-vi.mock('$app/stores', () => {
-	const { readable } = require('svelte/store');
+vi.mock('$app/stores', async () => {
+	const { readable } = await import('svelte/store');
 	return {
 		page: readable({ url: new URL('http://localhost/planner') })
 	};
diff --git a/frontend/src/lib/nav/MobileTabBar.test.ts b/frontend/src/lib/nav/MobileTabBar.test.ts
index a0f5a29..a830119 100644
--- a/frontend/src/lib/nav/MobileTabBar.test.ts
+++ b/frontend/src/lib/nav/MobileTabBar.test.ts
@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import MobileTabBar from './MobileTabBar.svelte';
 
-vi.mock('$app/stores', () => {
-	const { readable } = require('svelte/store');
+vi.mock('$app/stores', async () => {
+	const { readable } = await import('svelte/store');
 	return {
 		page: readable({ url: new URL('http://localhost/planner') })
 	};
diff --git a/frontend/src/lib/nav/TabletNavBar.test.ts b/frontend/src/lib/nav/TabletNavBar.test.ts
index 3f20529..2b32f43 100644
--- a/frontend/src/lib/nav/TabletNavBar.test.ts
+++ b/frontend/src/lib/nav/TabletNavBar.test.ts
@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
 import { render, screen } from '@testing-library/svelte';
 import TabletNavBar from './TabletNavBar.svelte';
 
-vi.mock('$app/stores', () => {
-	const { readable } = require('svelte/store');
+vi.mock('$app/stores', async () => {
+	const { readable } = await import('svelte/store');
 	return {
 		page: readable({ url: new URL('http://localhost/planner') })
 	};