Alpine writes objects with braces, and PAD reads every brace of a template as the start of a tag. Let PAD write the JSON instead.
In www/alpine/examples/components.js - a file the web server sends as it is, so its braces never meet the template parser.
The answers are in the HTML PAD wrote; x-cloak and x-show only fold them away once Alpine runs.