Trying to use framework7 components

src/routes/+page.svelte

@@ -1,9 +1,22 @@
 <script lang="ts">
  import ComfyApp from "$lib/components/ComfyApp.svelte"
  import "@litegraph-ts/core/css/litegraph.css";
+ import "framework7/css/bundle";
+ import "../scss/global.scss";
+
+ import { onMount } from 'svelte';
+ import { f7, f7ready, App } from 'framework7-svelte';
+ onMount(() => {
+     f7ready(() => {
+         // Framework7 initialized
+         f7.theme = "ios";
+     })
+ })
 </script>
 
-<ComfyApp/>
+<App>
+    <ComfyApp/>
+</App>
 
 <style>
 :root {

src/routes/+page.ts

@@ -1,5 +1,10 @@
 import type { PageLoad } from "./$types"
 
+import Framework7 from 'framework7/lite-bundle';
+import Framework7Svelte from 'framework7-svelte';
+
+Framework7.use(Framework7Svelte)
+
 // `PageServerData` will contain everything from the layouts and also the
 // `data` from the `+page.server.ts` file.
 type OutputProps = {}