improve: tutorial pages.

src/markdoc/layouts/Tutorial.svelte

@@ -6,6 +6,8 @@
         step: number;
         href: string;
         draft?: boolean;
+        difficulty?: string;
+        readtime?: string;
     };
 </script>
 
@@ -21,10 +23,7 @@
 
     export let title: string;
     export let description: string;
-    export let difficulty: string;
-    export let readtime: string;
     export let step: number;
-    export let back: string;
     export let date: string;
 
     setContext<LayoutContext>('headings', writable({}));
@@ -77,15 +76,7 @@
     <meta name="twitter:card" content="summary_large_image" />
 </svelte:head>
 
-<DocsTutorial {title} {back} {toc} {tutorials} {date} currentStep={step}>
-    <svelte:fragment slot="metadata">
-        {#if difficulty}
-            <li>{difficulty}</li>
-        {/if}
-        {#if readtime}
-            <li>{readtime} min</li>
-        {/if}
-    </svelte:fragment>
+<DocsTutorial {toc} {tutorials} {date} currentStep={step}>
     <slot />
 </DocsTutorial>
 <MainFooter variant="docs" />