diff --git a/src/components/PageView.svelte b/src/components/PageView.svelte
index d1d8ab2..e6d5fde 100644
--- a/src/components/PageView.svelte
+++ b/src/components/PageView.svelte
@@ -7,8 +7,15 @@
import ContentModel from "../models/ContentModel.svelte";
let {fState, height}: {fState: FileViewState, height: number} = $props();
- let state: PageViewState | undefined = $derived(fState.pageViewState);
+ let state: PageViewState = new PageViewState(fState, render);
let contents: ContentModel | undefined = $derived(state?.contents)
+ let display: HTMLCanvasElement;
+ fState.pageViewState = state;
+
+ function render() {
+ console.log("render", display)
+ state.loadImage(display);
+ }
{#if state}
@@ -19,7 +26,7 @@