[BUG] Cannot export variabiles of webcomponents attributes with kebab-case syntax

[ptkdev]

Svelte refs:

#3852 #875

Example

HTML:

<my-component header-text="hello"></my-component>

Svelte file:

<svelte:options tag="my-component" />
<script>
	export let headerText;
</script>

<div>
{headerText}
</div>

<style lang="scss">
</style>

headerText is undefined.

Workaround:

You can use {$$props["header-text"]} but if user change the html attribute, svelte, don't re-render html and webcomponent show always "hello".

[veeking]

Why my result still undefined by $$props ?

[abdolian]

I have the same problem, please fix this as soon as possible

[ptkdev]

@veeking @abdolian This is svelte issue https://github.com/sveltejs/svelte/issues/3852