custom mets

src/routes/models/[userId]/[slug]/+layout.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-  import { modelStore } from "$lib/stores/use-model";
-	import { onMount } from "svelte";
-  export let data;
-
-
-  onMount(() => {
-    modelStore.set({
-      model: data ? data.model : null,
-      open: true
-    });
-  });
-</script>
-
-<svelte:head>
-  <meta property="og:title" content="{data?.model?.id.split("/")[1]} by {data?.model?.id.split("/")[0]} on LoRA Studio" />
-  {#if data?.model?.metadata}
-  <meta property="og:image" content="/api/images/{data?.model?.metadata}" />
-  <meta name="twitter:image" content="/api/images/{data?.model?.metadata}" />
-  {/if}
-  <meta property="og:url" content="{window.location.href}" />
-  <meta property="og:type" content="website" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:title" content="{data?.model?.id.split("/")[1]} by {data?.model?.id.split("/")[0]} on LoRA Studio" />
-</svelte:head>
-
-<slot />

src/routes/models/[userId]/[slug]/+page.svelte

@@ -1,3 +1,29 @@
+<script lang="ts">
+  import { modelStore } from "$lib/stores/use-model";
+	import { onMount } from "svelte";
+  export let data;
+
+
+  onMount(() => {
+    modelStore.set({
+      model: data ? data.model : null,
+      open: true
+    });
+  });
+</script>
+
+<svelte:head>
+  <meta property="og:title" content="{data?.model?.id.split("/")[1]} by {data?.model?.id.split("/")[0]} on LoRA Studio" />
+  {#if data?.model?.metadata}
+  <meta property="og:image" content="/api/images/{data?.model?.metadata}" />
+  <meta name="twitter:image" content="/api/images/{data?.model?.metadata}" />
+  {/if}
+  <meta property="og:url" content="{window.location.href}" />
+  <meta property="og:type" content="website" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="{data?.model?.id.split("/")[1]} by {data?.model?.id.split("/")[0]} on LoRA Studio" />
+</svelte:head>
+
 <div>
-  <slot />
+  
 </div>