An easy Lorem Picsum editor through data URL

easy-picsum.html

<!-- data:text/html;base64,PHNjcmlwdCBzcmM9Imh0dHBzOi8vdW5wa2cuY29tL3BldGl0ZS12dWUiIGRlZmVyIGluaXQ+PC9zY3JpcHQ+PGRpdiB2LXNjb3BlPSJ7dzo4MDAsIGg6ODAwfSIgc3R5bGU9ImRpc3BsYXk6IGlubGluZS1ibG9jayI+PGZpZWxkc2V0PjxsZWdlbmQ+RWFzeSBQaWNzdW0gLSBDb25maWd1cmF0aW9uPC9sZWdlbmQ+PHRhYmxlIHN0eWxlPSJ3aWR0aDogMTAwJSI+PHRyPjx0ZCBzdHlsZT0id2lkdGg6IDAiPldpZHRoOjwvdGQ+PHRkPjxpbnB1dCB0eXBlPSJudW1iZXIiIHYtbW9kZWw9InciIG1pbj0iMSIgc3R5bGU9IndpZHRoOiAxMDAlIj48L3RkPjwvdHI+PHRyPjx0ZCBzdHlsZT0id2lkdGg6IDAiPkhlaWdodDo8L3RkPjx0ZD48aW5wdXQgdHlwZT0ibnVtYmVyIiB2LW1vZGVsPSJoIiBtaW49IjEiIHN0eWxlPSJ3aWR0aDogMTAwJSI+PC90ZD48L3RyPjx0cj48dGQgc3R5bGU9IndpZHRoOiAwIj5VUkw6PC90ZD48dGQ+PGlucHV0IHJlYWRvbmx5IHYtbW9kZWw9ImBodHRwczovL3BpY3N1bS5waG90b3MvJHt3fS8ke2h9YCIgc3R5bGU9IndpZHRoOiAxMDAlIj48L3RkPjwvdHI+PC90YWJsZT48L2ZpZWxkc2V0PjxmaWVsZHNldD48aW1nIDpzcmM9ImBodHRwczovL3BpY3N1bS5waG90b3MvJHt3fS8ke2h9YCIgc3R5bGU9Im1heC13aWR0aDogOTB2dzsgbWF4LWhlaWdodDogODV2aCI+PC9maWVsZHNldD48L2Rpdj4= -->

<script src="https://unpkg.com/petite-vue" defer init></script>
<div v-scope="{w:800, h:800}" style="display: inline-block">
	<fieldset>
		<legend>Easy Picsum - Configuration</legend>

		<table style="width: 100%">
			<tr>
				<td style="width: 0">Width:</td><td><input type="number" v-model="w" min="1" style="width: 100%"></td>
			</tr>
			<tr>
				<td style="width: 0">Height:</td><td><input type="number" v-model="h" min="1" style="width: 100%"></td>
			</tr>
			<tr>
				<td style="width: 0">URL:</td><td><input readonly v-model="\`https://picsum.photos/\${w}/\${h}\`" style="width: 100%"></td>
			</tr>
		</table>
	</fieldset>
	<fieldset>
		<img :src="\`https://picsum.photos/\${w}/\${h}\`" style="max-width: 90vw; max-height: 85vh">
	</fieldset>
</div>