diff --git a/packages/svelte/src/index.d.ts b/packages/svelte/src/index.d.ts
index 49207da0d5ea..04c2dec372d6 100644
--- a/packages/svelte/src/index.d.ts
+++ b/packages/svelte/src/index.d.ts
@@ -113,7 +113,7 @@ export class SvelteComponent<
  * you export a component called `MyComponent`. For Svelte+TypeScript users,
  * you want to provide typings. Therefore you create a `index.d.ts`:
  * ```ts
- * import { Component } from "svelte";
+ * import type { Component } from 'svelte';
  * export declare const MyComponent: Component<{ foo: string }> {}
  * ```
  * Typing this makes it possible for IDEs like VS Code with the Svelte extension
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 3d60d81d12f3..58ed6358a46b 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -110,7 +110,7 @@ declare module 'svelte' {
 	 * you export a component called `MyComponent`. For Svelte+TypeScript users,
 	 * you want to provide typings. Therefore you create a `index.d.ts`:
 	 * ```ts
-	 * import { Component } from "svelte";
+	 * import type { Component } from 'svelte';
 	 * export declare const MyComponent: Component<{ foo: string }> {}
 	 * ```
 	 * Typing this makes it possible for IDEs like VS Code with the Svelte extension