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".

Versions

• App Version: v2.0.1
• Node Version: v14.19.1
• Operating System: mac os (m1)
• Browser: Google Chrome Version 100.0.4896.127

Expected Behavior

Actual Behavior

Steps to Reproduce

1. ...
2. ...
3. ...

Screenshots (Optional)