From 2f83cb02cc7ce374041288d56354fc7715d134d1 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <daisho7308+f@gmail.com>
Date: Sat, 11 Nov 2023 21:59:03 +0900
Subject: [PATCH] (enhance) maxTocDepth

fix #10
---
 components/docs/TocLinks.vue  | 15 +++++++--------
 content/.README.md            |  4 ++--
 content/ja/docs/5.releases.md |  4 ++++
 pages/docs/[...slug].vue      |  3 +--
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/components/docs/TocLinks.vue b/components/docs/TocLinks.vue
index 2b9f9751..55c33604 100644
--- a/components/docs/TocLinks.vue
+++ b/components/docs/TocLinks.vue
@@ -14,7 +14,7 @@
             </a>
             <TocLinks
                 class="mt-2"
-                v-if="link.children"
+                v-if="link.children && (link.depth ?? 0 + 1) < maxDepth"
                 :links="link.children"
                 @move="childMove($event)"
             />
@@ -23,14 +23,13 @@
 </template>
 
 <script setup lang="ts">
-import type { PropType } from 'vue'
-import type { TocLink } from '@nuxt/content/dist/runtime/types'
+import type { TocLink } from '@nuxt/content/dist/runtime/types';
 
-const props = defineProps({
-    links: {
-        type: Array as PropType<TocLink[]>,
-        default: () => []
-    }
+const props = withDefaults(defineProps<{
+    links?: TocLink[];
+    maxDepth?: number;
+}>(), {
+    maxDepth: Infinity,
 });
 
 const emit = defineEmits(['move', 'child-click']);
diff --git a/content/.README.md b/content/.README.md
index 0eab9664..f0938752 100644
--- a/content/.README.md
+++ b/content/.README.md
@@ -36,10 +36,10 @@ date: 2023-11-11
 ```
 
 ### `maxTocDepth`
-（Docsのみ）もくじの見出しを遡る限度を指定できます。
+（Docsのみ）もくじの見出しを遡る限度を指定できます。`<h2>`タグまでにしたい場合は`2`を指定します。
 
 ```yml
-maxTocDepth: 1
+maxTocDepth: 2
 ```
 
 ### `ignoreDirBasedNav`
diff --git a/content/ja/docs/5.releases.md b/content/ja/docs/5.releases.md
index f87a03f1..55f8f5ba 100644
--- a/content/ja/docs/5.releases.md
+++ b/content/ja/docs/5.releases.md
@@ -1,3 +1,7 @@
+---
+maxTocDepth: 2
+---
+
 # リリースノート
 Misskeyのリリースノートを掲載しています。
 
diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue
index 78ca171f..786af167 100644
--- a/pages/docs/[...slug].vue
+++ b/pages/docs/[...slug].vue
@@ -29,14 +29,13 @@
         <div class="hidden lg:block text-sm">
             <div class="sticky top-16 h-[calc(100vh-4rem)] overflow-y-auto py-6 pl-6">
                 <h3 class="font-bold mb-6">{{ $t('_docs._toc.title') }}</h3>
-                <DocsTocLinks v-if="data?.body" :links="data?.body.toc.links" class="break-words" />
+                <DocsTocLinks v-if="data?.body" :links="data?.body.toc?.links" :max-depth="data?.maxTocDepth ?? undefined" class="break-words" />
             </div>
         </div>
     </div>
 </template>
 
 <script setup lang="ts">
-import type { LocaleObject } from '@nuxtjs/i18n/dist/runtime/composables';
 import AsideNavIco from 'bi/text-indent-left.svg';
 
 const isAsideNavOpen = useState<boolean>('miHub_docs_asideNav_openState', () => false);