diff --git a/.changeset/modern-apricots-develop.md b/.changeset/modern-apricots-develop.md
new file mode 100644
index 000000000000..4096ef816fd3
--- /dev/null
+++ b/.changeset/modern-apricots-develop.md
@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Remove cookie package from demo app
diff --git a/packages/create-svelte/templates/default/package.template.json b/packages/create-svelte/templates/default/package.template.json
index 3a207484d00e..35c0cbb613b1 100644
--- a/packages/create-svelte/templates/default/package.template.json
+++ b/packages/create-svelte/templates/default/package.template.json
@@ -14,7 +14,6 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@fontsource/fira-mono": "^4.5.0",
-		"cookie": "^0.4.1"
+		"@fontsource/fira-mono": "^4.5.0"
 	}
 }
diff --git a/packages/create-svelte/templates/default/src/hooks.ts b/packages/create-svelte/templates/default/src/hooks.ts
index 893aa6f0e34f..7058a304c56d 100644
--- a/packages/create-svelte/templates/default/src/hooks.ts
+++ b/packages/create-svelte/templates/default/src/hooks.ts
@@ -1,24 +1,17 @@
 import type { Handle } from '@sveltejs/kit';
-import * as cookie from 'cookie';
 
 /** @type {import('@sveltejs/kit').Handle} */
 export const handle: Handle = async ({ event, resolve }) => {
-	const cookies = cookie.parse(event.request.headers.get('cookie') || '');
-	event.locals.userid = cookies['userid'] || crypto.randomUUID();
+	let userid = event.cookies.get('userid');
 
-	const response = await resolve(event);
-
-	if (!cookies['userid']) {
+	if (!userid) {
 		// if this is the first time the user has visited this app,
 		// set a cookie so that we recognise them when they return
-		response.headers.set(
-			'set-cookie',
-			cookie.serialize('userid', event.locals.userid, {
-				path: '/',
-				httpOnly: true
-			})
-		);
+		userid = crypto.randomUUID();
+		event.cookies.set('userid', userid, { path: '/' });
 	}
 
-	return response;
+	event.locals.userid = userid;
+
+	return resolve(event);
 };