Wrong server-side rendering of attributes when value is true

[Pierrci]

Describe the bug
When passing a true value to a custom data attribute (e.g. data-active) in SSR, it renders data-active="".

To Reproduce

<script>
	let content = true;
</script>

<div data-active={content}></div>

Expected behavior
I'm only expecting an attribute to be rendered as attr="" when the value passed to it is true if it's a boolean attribute. In the case of any other attribute, attr="true" should be rendered instead (as it is when using DOM rendering).

Stacktraces
It's easy to see the origin of the problem, at https://github.com/sveltejs/svelte/blob/master/src/runtime/internal/ssr.ts#L130-L133

Severity
Annoying, particularly because of the inconsistency for such attributes between SSR and DOM rendering. For now we're writing things like data-active={value === true ? 'true' : false} as a workaround.

I can open a PR to fix this behavior if it's ok for you :)

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[julien-c]

I can confirm we are affected by this at @huggingface

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[julien-c]

unstale, and cc'ing @pngwn on this =)

[bluwy]

I can open a PR to fix this behavior if it's ok for you :)

Yes feel free to open a PR

[Conduitry]

This should be fixed now in 3.45.0.