Skip to content

[Svelte 5]: Comments are converted to props when migrating components #13815

@MathiasWP

Description

@MathiasWP

Describe the bug

This:

<script lang="ts">
	// font weights
	import type { MouseEventHandler } from 'svelte/elements';

	export let semibold = false;
	export let medium = false;
	// text overflow
	export let truncate = false;
	// whitespace
	export let preWrap = false;
	// text  transform
	export let uppercase = false;
	export let capitalize = false;
	// font size
	export let size: '2xs' | 'xs' | 'sm' | 'base' = 'base';
	export let color = 'gray-900';
	export let testId = 'text';
	export let onClick: MouseEventHandler<HTMLSpanElement> | undefined = undefined;

	$: style2xs = size === '2xs' ? 'text-[10px] leading-3' : '';

	let clazz = '';
	export { clazz as class };
</script>

gets migrated to this:

<script lang="ts">
	// font weights
	import type { MouseEventHandler } from 'svelte/elements';
	interface Props {
		semibold?: boolean;
		medium?: boolean;
		text overflow
		truncate?: boolean;
		whitespace
		preWrap?: boolean;
		text  transform
		uppercase?: boolean;
		capitalize?: boolean;
		// font size
		size?: '2xs' | 'xs' | 'sm' | 'base';
		color?: string;
		testId?: string;
		onClick?: MouseEventHandler<HTMLSpanElement> | undefined;
		class?: string;
		children?: import('svelte').Snippet;
	}

	let {
		semibold = false,
		medium = false,
		truncate = false,
		preWrap = false,
		uppercase = false,
		capitalize = false,
		size = 'base',
		color = 'gray-900',
		testId = 'text',
		onClick = undefined,
		class: clazz = '',
		children
	}: Props = $props();
	
	let style2xs = $derived(size === '2xs' ? 'text-[10px] leading-3' : '');
</script>

Reproduction

Available above

Logs

No response

System Info

System:
    OS: macOS 15.0.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 61.25 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.11.0 - ~/.nvm/versions/node/v20.11.0/bin/node
    npm: 10.2.4 - ~/.nvm/versions/node/v20.11.0/bin/npm
    pnpm: 9.7.0 - /opt/homebrew/bin/pnpm
    bun: 1.0.0 - ~/.bun/bin/bun
  Browsers:
    Brave Browser: 130.1.71.114
    Chrome: 129.0.6668.101
    Edge: 130.0.2849.52
    Safari: 18.0.1
  npmPackages:
    svelte: ^5.0.5 => 5.0.5

Severity

annoyance

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions