feat: show custom cookbook

layouts/child.vue

@@ -0,0 +1,22 @@
+<script lang="ts" setup>
+defineProps<{
+  title?: string
+}>()
+
+const route = useRoute()
+</script>
+
+<template>
+  <main class="text-center text-gray-700 dark:text-gray-200" p="t-5 b-15">
+    <div flex items-center justify-between>
+      <BackBtn ml-3 />
+      <h2 flex items-center justify-center text-lg>
+        {{ route.meta.title }}
+      </h2>
+      <DarkToggle mr-3 />
+    </div>
+
+    <slot />
+    <TheBottomMenu fixed bottom-0 left-0 right-0 />
+  </main>
+</template>

layouts/default.vue

@@ -1,7 +1,7 @@
 <template>
   <main class="text-center text-gray-700 dark:text-gray-200" p="t-8 b-15">
     <slot />
-    <DarkToggle absolute right-5 top-5 />
+    <DarkToggle absolute right-3 top-5 />
     <TheBottomMenu fixed bottom-0 left-0 right-0 />
   </main>
 </template>