Use satifies operator

Author: benmccann

Diff for: .changeset/cool-seahorses-cross.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Use `satisfies` operator

Diff for: packages/create-svelte/templates/default/src/routes/sverdle/+page.server.ts

@@ -1,9 +1,9 @@
 import { invalid } from '@sveltejs/kit';
-import { Game } from './game';
+import { words, allowed } from './words.server';
 import type { PageServerLoad, Actions } from './$types';
 
 /** @type {import('./$types').PageServerLoad} */
-export const load: PageServerLoad = ({ cookies }) => {
+export const load = (({ cookies }) => {
 	const game = new Game(cookies.get('sverdle'));
 
 	return {
@@ -23,10 +23,10 @@ export const load: PageServerLoad = ({ cookies }) => {
 		 */
 		answer: game.answers.length >= 6 ? game.answer : null
 	};
-};
+}) satisfies PageServerLoad;
 
 /** @type {import('./$types').Actions} */
-export const actions: Actions = {
+export const actions = {
 	/**
 	 * Modify game state in reaction to a keypress. If client-side JavaScript
 	 * is available, this will happen in the browser instead of here
@@ -68,4 +68,4 @@ export const actions: Actions = {
 	restart: async ({ cookies }) => {
 		cookies.delete('sverdle');
 	}
-};
+} satisfies Actions;

Diff for: packages/kit/src/core/sync/write_types/index.spec.js

@@ -265,4 +265,26 @@ test('Rewrites action types for a TypeScript module', () => {
 	);
 });
 
+test('Leaves satisfies operator untouched', () => {
+	const source = `
+		import type { Actions, PageServerLoad, RequestEvent } from './$types';
+		export function load({ params }) {
+			return {
+				a: 1
+			};
+		} satisfies PageServerLoad
+		export const actions = {
+			a: () => {},
+			b: (param: RequestEvent) => {},
+			c: (param) => {},
+		} satisfies Actions
+	`;
+
+	const rewritten = tweak_types(source, true);
+
+	assert.equal(rewritten?.exports, ['load', 'actions']);
+	assert.equal(rewritten?.modified, false);
+	assert.equal(rewritten?.code, source);
+});
+
 test.run();