diff --git a/example/src/App.svelte b/example/src/App.svelte
index d338dc4..ddddccc 100644
--- a/example/src/App.svelte
+++ b/example/src/App.svelte
@@ -14,6 +14,7 @@
constructMapboxStyleFromEsriAbsolute,
} from "@esri-style-ft-mapbox-style/esriToMapbox";
import { get } from "svelte/store";
+ import { onMount } from "svelte";
let esriUrlInput: string = "";
let maplibreUrlInput: string = "";
@@ -68,11 +69,46 @@
function convertMaplibreToEsriStyle(): void {
esriStyleJson.set(get(maplibreStyleJson));
}
+
+ onMount(() => {
+ convertEsriToMaplibreStyle();
+ });
+
+ $: {
+ convertEsriToMaplibreStyle();
+ }
+
+