[Request] A simple way to bind component story state to args about addon-svelte-csf HOT 2 OPEN

<script lang="ts">
	import { getContext } from 'svelte';
	import { Story, Template } from '@storybook/addon-svelte-csf';

	let loading = false;
	let error = '';

        // WORKAROUND: Update state to match the args on mount and when the args change
        // (Much more concise than the alternative in the OP)
	const { argsStore } = getContext('storybook-registration-context-component') || {};
	$: if (argsStore) {
		({ loading, error } = $argsStore);
	}

	async function handleSubmit() {
		loading = true;
		error = '';

		setTimeout(() => {
			loading = false;
			error = 'An error occurred, please try again.';
		}, 1000);
	}
</script>

<Template>
	<Form bind:loading bind:error on:submit={handleSubmit} />
</Template>

const { argsStore } = getContext('storybook-registration-context-component') || {};
argsStore?.subscribe((args) => {
	({ loading, error } = args);
});