diff --git a/.gitignore b/.gitignore
index 3e7651c..cf6a752 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,6 +23,7 @@ logs
 .env.*
 !.env.example
 
+bun.lockb
 db.sqlite
 db.sqlite-wal
 db.sqlite-shm
\ No newline at end of file
diff --git a/bun.lockb b/bun.lockb
index 58505f2..1012ad4 100644
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/prose/ProseCallout.vue b/components/prose/ProseCallout.vue
index c29c483..ae739e4 100644
--- a/components/prose/ProseCallout.vue
+++ b/components/prose/ProseCallout.vue
@@ -1,6 +1,6 @@
 <template>
-	<CollapsibleRoot :disabled="fold === undefined" :defaultOpen="fold === true || fold === undefined" class="callout group overflow-hidden my-4 p-3 ps-4 bg-blend-lighten !bg-opacity-25 border-l-4 inline-block pe-8 bg-light-blue dark:bg-dark-blue" :data-type="type">
-		<CollapsibleTrigger asChild>
+	<CollapsibleRoot :disabled="disabled" :defaultOpen="fold === true || fold === undefined" class="callout group overflow-hidden my-4 p-3 ps-4 bg-blend-lighten !bg-opacity-25 border-l-4 inline-block pe-8 bg-light-blue dark:bg-dark-blue" :data-type="type">
+		<CollapsibleTrigger>
 			<div :class="{ 'cursor-pointer': fold !== undefined }" class="flex flex-row items-center justify-start ps-2">
 				<Icon :icon="calloutIconByType[type] ?? defaultCalloutIcon" class="w-6 h-6 stroke-2 float-start me-2" />
 				<span v-if="title" class="block font-bold">{{ title }}</span>
@@ -35,43 +35,50 @@ const defaultCalloutIcon = 'radix-icons:info-circled';
 </script>
 
 <script setup lang="ts">
+import { ref } from 'vue';
 import { Icon } from '@iconify/vue/dist/iconify.js';
 const {	type, title, fold } = defineProps<{
 	type: string;
 	title?: string;
 	fold?: boolean;
 }>();
+const disabled = computed(() => fold === undefined);
 </script>
 
 <style>
 .callout[data-type="abstract"],
 .callout[data-type="summary"],
-.callout[data-type="tldr"] {
+.callout[data-type="tldr"]
+{
 	@apply bg-light-cyan;
 	@apply dark:bg-dark-cyan;
 	@apply text-light-cyan;
 	@apply dark:text-dark-cyan;
 }
-.callout[data-type="info"] {
+.callout[data-type="info"]
+{
 	@apply bg-light-blue;
 	@apply dark:bg-dark-blue;
 	@apply text-light-blue;
 	@apply dark:text-dark-blue;
 }
-.callout[data-type="todo"] {
+.callout[data-type="todo"]
+{
 	@apply bg-light-blue;
 	@apply dark:bg-dark-blue;
 	@apply text-light-blue;
 	@apply dark:text-dark-blue;
 }
-.callout[data-type="important"] {
+.callout[data-type="important"]
+{
 	@apply bg-light-cyan;
 	@apply dark:bg-dark-cyan;
 	@apply text-light-cyan;
 	@apply dark:text-dark-cyan;
 }
 .callout[data-type="tip"],
-.callout[data-type="hint"] {
+.callout[data-type="hint"]
+{
 	@apply bg-light-cyan;
 	@apply dark:bg-dark-cyan;
 	@apply text-light-cyan;
@@ -79,7 +86,8 @@ const {	type, title, fold } = defineProps<{
 }
 .callout[data-type="success"],
 .callout[data-type="check"],
-.callout[data-type="done"] {
+.callout[data-type="done"]
+{
 	@apply bg-light-green;
 	@apply dark:bg-dark-green;
 	@apply text-light-green;
@@ -87,7 +95,8 @@ const {	type, title, fold } = defineProps<{
 }
 .callout[data-type="question"],
 .callout[data-type="help"],
-.callout[data-type="faq"] {
+.callout[data-type="faq"]
+{
 	@apply bg-light-orange;
 	@apply dark:bg-dark-orange;
 	@apply text-light-orange;
@@ -95,7 +104,8 @@ const {	type, title, fold } = defineProps<{
 }
 .callout[data-type="warning"],
 .callout[data-type="caution"],
-.callout[data-type="attention"] {
+.callout[data-type="attention"]
+{
 	@apply bg-light-orange;
 	@apply dark:bg-dark-orange;
 	@apply text-light-orange;
@@ -103,26 +113,30 @@ const {	type, title, fold } = defineProps<{
 }
 .callout[data-type="failure"],
 .callout[data-type="fail"],
-.callout[data-type="missing"] {
+.callout[data-type="missing"]
+{
 	@apply bg-light-red;
 	@apply dark:bg-dark-red;
 	@apply text-light-red;
 	@apply dark:text-dark-red;
 }
 .callout[data-type="danger"],
-.callout[data-type="error"] {
+.callout[data-type="error"]
+{
 	@apply bg-light-red;
 	@apply dark:bg-dark-red;
 	@apply text-light-red;
 	@apply dark:text-dark-red;
 }
-.callout[data-type="bug"] {
+.callout[data-type="bug"]
+{
 	@apply bg-light-red;
 	@apply dark:bg-dark-red;
 	@apply text-light-red;
 	@apply dark:text-dark-red;
 }
-.callout[data-type="example"] {
+.callout[data-type="example"]
+{
 	@apply bg-light-purple;
 	@apply dark:bg-dark-purple;
 	@apply text-light-purple;
diff --git a/package.json b/package.json
index b84cbd6..3f36f9b 100644
--- a/package.json
+++ b/package.json
@@ -14,17 +14,17 @@
     "@nuxtjs/sitemap": "^7.0.0",
     "@nuxtjs/tailwindcss": "^6.12.2",
     "@vueuse/gesture": "^2.0.0",
-    "@vueuse/math": "^11.2.0",
-    "@vueuse/nuxt": "^11.1.0",
+    "@vueuse/math": "^11.3.0",
+    "@vueuse/nuxt": "^11.3.0",
     "codemirror": "^6.0.1",
     "drizzle-orm": "^0.35.3",
     "hast": "^1.0.0",
     "lodash.capitalize": "^4.2.1",
     "mdast-util-find-and-replace": "^3.0.1",
     "nodemailer": "^6.9.16",
-    "nuxt": "^3.14.159",
-    "nuxt-security": "^2.0.0",
-    "radix-vue": "^1.9.8",
+    "nuxt": "^3.14.1592",
+    "nuxt-security": "^2.1.5",
+    "radix-vue": "^1.9.10",
     "rehype-raw": "^7.0.0",
     "remark-breaks": "^4.0.0",
     "remark-frontmatter": "^5.0.0",
@@ -40,12 +40,12 @@
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@types/bun": "^1.1.12",
+    "@types/bun": "^1.1.14",
     "@types/lodash.capitalize": "^4.2.9",
-    "@types/nodemailer": "^6.4.16",
+    "@types/nodemailer": "^6.4.17",
     "@types/unist": "^3.0.3",
-    "better-sqlite3": "^11.5.0",
-    "bun-types": "^1.1.34",
+    "better-sqlite3": "^11.6.0",
+    "bun-types": "^1.1.38",
     "drizzle-kit": "^0.26.2",
     "mdast-util-to-string": "^4.0.0",
     "rehype-stringify": "^10.0.1"