<label><input type=radio bind:group=size value=small> small</label>
<label><input type=radio bind:group=size value=medium> medium</label>
<label><input type=radio bind:group=size value=large> large</label>
<svelte:component this={Size}/>
<script>
import Small from './Small.html';
import Medium from './Medium.html';
import Large from './Large.html';
export default {
computed: {
Size: ({size}) => {
if (size === 'small') return Small;
if (size === 'medium') return Medium;
return Large;
}
}
};
</script>
xxxxxxxxxx
{
size: "medium"
}