feat: improve props type (#569)

sveltejs · Oct 13, 2024 · 3119299 · 3119299
1 parent 9f26a96
commit 3119299
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/early-lobsters-repeat.md b/.changeset/early-lobsters-repeat.md
@@ -0,0 +1,5 @@
+---
+"svelte-eslint-parser": minor
+---
+
+feat: improve props type
diff --git a/src/parser/converts/attr.ts b/src/parser/converts/attr.ts
@@ -293,7 +293,7 @@ function buildAttributeType(
     return null;
   }
   const elementName = ctx.elements.get(element)!.name;
-  const componentPropsType = `import('svelte').ComponentProps<${elementName}>`;
+  const componentPropsType = `import('svelte').ComponentProps<typeof ${elementName}>`;
   return conditional({
     check: `'${attrName}'`,
     extends: `infer PROP`,

diff --git a/tests/fixtures/parser/ast/svelte5/ts-event06-type-output.svelte b/tests/fixtures/parser/ast/svelte5/ts-event06-type-output.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-    import Component from './ts-event03-input.svelte'; // Component: __sveltets_2_IsomorphicComponent<$$ComponentProps, { [evt: string]: CustomEvent<any>; }, {}, Record<string, any>, string>
+    import Component from './ts-event03-input.svelte'; // Component: Component<$$ComponentProps, {}, "">
 </script>
 
-<Component onfoo="{e=>{ // Component: __sveltets_2_IsomorphicComponent<$$ComponentProps, { [evt: string]: CustomEvent<any>; }, {}, Record<string, any>, string>, e: { detail: number; }
+<Component onfoo="{e=>{ // Component: Component<$$ComponentProps, {}, "">, e: { detail: number; }
     // e.detail is number
     e.detail; // e.detail: number
 }}" />