@verygoodgraphics/vgg-svelte

VGG Svelte

Usage

<VGGRender />

<script lang="ts">
	import VGGRender from '@verygoodgraphics/vgg-svelte';
</script>

<VGGRender
	src="https://s3.vgg.cool/test/vgg.daruma"
	runtime="https://s3.vgg.cool/test/runtime/latest"
	canvasStyle="width: 50vw; height: 100vh"
	onLoad={async (event, instance) => {
		console.log(event, instance);
		instance?.$('#vgg_home').on(EventType.Click, async () => {
			window.alert('Hello, VGG!');
		});
	}}
/>

API

Props for <VGGRender />

Option	Type	Required	Default
src	string	-	-
runtime	string	-	https://s5.vgg.cool/runtime/latest
canvasStyle	string	-	-
editMode	boolean	-	false
verbose	boolean	-	false
onLoad	(event: VGGEvent, instance: VGG<T>) => Promise<void>	-	-
onLoadError	(event: VGGEvent) => Promise<void>	-	-
onStateChange	(event: VGGEvent, instance: VGG<T>) => Promise<void>	-	-