Initial sample fails to appear

[rossjrw]

Sometimes when loading the page, the initial image does not render. A retransliteration must be prompted (e.g. by changing the input text) for the image to appear.

I can only reproduce this using the dev server (#66) - in production, or using the production build on local, it doesn't seem to happen - although a small version of the initial image is visible for a frame in the top left of the image, presumably before the second transliteration in the mounted hook:

gallifreyo/src/index.ts

Lines 17 to 21 in 6c44763

	mounted () {
	this.store.modifyInput("Gallifreyo Test")
	// Needs an extra transliteration to fix the initial bounding box
	this.store.transliterate()
	},

The latter can be 'fixed' by adding a CSS animation or similar to the image that fades it in on page load.

I don't know what to do about the former, or if it's even worth fixing.