We can make the simple-rendering of strings to be "foo" rather than foo which will make this particular problem go away (showing " w o r l d " and "w o r l d " but I /think/ the browser will always chomp multiple consecutive whitespace characters together (so " w o r l d " and " w o r l d " will both look the same), and there's not much we can do about that if rendering them as content text.

In browser you may want to replace space with nbsp.

In T343608#9071703, @Bugreporter wrote:

In browser you may want to replace space with nbsp.

Sure, but I believe Vue 3 still has the upstream bug that it will chomp those anyway.

Change 997536 had a related patch set uploaded (by Jforrester; author: Jforrester):

[mediawiki/extensions/WikiLambda@master] ZObjectToString: Wrap string outputs in double quotes to make leading/trailing whitespace visible

https://gerrit.wikimedia.org/r/997536

Change 997536 merged by jenkins-bot:

[mediawiki/extensions/WikiLambda@master] ZObjectToString: Wrap string outputs in double quotes to make leading/trailing whitespace visible

https://gerrit.wikimedia.org/r/997536

Change #1015019 had a related patch set uploaded (by Jforrester; author: Jforrester):

[mediawiki/extensions/WikiLambda@master] ZObjectToString: Use white-space: pre-wrap; to preserve whitespace in string values

https://gerrit.wikimedia.org/r/1015019

Change #1015019 merged by jenkins-bot:

[mediawiki/extensions/WikiLambda@master] ZObjectToString: Use white-space: pre-wrap; to preserve whitespace in string values

https://gerrit.wikimedia.org/r/1015019

It looks good in the summary mode:

but not when the summary is expanded: