feat: zero types for params (#2795)

Companion to #13999

Author: dummdidumm

packages/svelte2tsx/src/svelte2tsx/nodes/ExportedNames.ts

@@ -287,6 +287,7 @@ export class ExportedNames {
                         ? (element.propertyName as ts.Identifier).text
                         : element.name.text;
                     if (isKitRouteFile) {
+                        // TODO once we know we can assume SvelteKit 2.16+, simplify this to always using LayoutProps/PageProps
                         if (name === 'data') {
                             props.push(
                                 `data: import('./$types.js').${
@@ -297,6 +298,13 @@ export class ExportedNames {
                         if (name === 'form' && !isKitLayoutFile) {
                             props.push(`form: import('./$types.js').ActionData`);
                         }
+                        if (name === 'params') {
+                            props.push(
+                                `params: import('./$types.js').${
+                                    isKitLayoutFile ? 'LayoutProps' : 'PageProps'
+                                }['params']`
+                            );
+                        }
                     } else if (element.initializer) {
                         const initializer =
                             ts.isCallExpression(element.initializer) &&

packages/svelte2tsx/test/svelte2tsx/samples/sveltekit-autotypes-$props-rune.v5/+page.svelte

@@ -1,4 +1,4 @@
 <script>
-    let { form, data } = $props();
+    let { form, data, params } = $props();
     export const snapshot = {};
 </script>

packages/svelte2tsx/test/svelte2tsx/samples/sveltekit-autotypes-$props-rune.v5/expected-svelte5.ts

@@ -1,7 +1,7 @@
 ///<reference types="svelte" />
 ;function $$render() {
 
-    let/** @typedef {{ form: import('./$types.js').ActionData, data: import('./$types.js').PageData }} $$ComponentProps *//** @type {$$ComponentProps} */ { form, data } = $props();
+    let/** @typedef {{ form: import('./$types.js').ActionData, data: import('./$types.js').PageData, params: import('./$types.js').PageProps['params'] }} $$ComponentProps *//** @type {$$ComponentProps} */ { form, data, params } = $props();
      const snapshot/*Ωignore_startΩ*/: import('./$types.js').Snapshot/*Ωignore_endΩ*/ = {};
 ;
 async () => {};

packages/svelte2tsx/test/svelte2tsx/samples/sveltekit-autotypes-$props-rune.v5/expectedv2.ts

@@ -1,7 +1,7 @@
 ///<reference types="svelte" />
 ;function $$render() {
 
-    let/** @typedef {{ form: import('./$types.js').ActionData, data: import('./$types.js').PageData }} $$ComponentProps *//** @type {$$ComponentProps} */ { form, data } = $props();
+    let/** @typedef {{ form: import('./$types.js').ActionData, data: import('./$types.js').PageData, params: import('./$types.js').PageProps['params'] }} $$ComponentProps *//** @type {$$ComponentProps} */ { form, data, params } = $props();
      const snapshot/*Ωignore_startΩ*/: import('./$types.js').Snapshot/*Ωignore_endΩ*/ = {};
 ;
 async () => {};