From ea2645637f6b55c447bb9006e017f57287b0e1d7 Mon Sep 17 00:00:00 2001
From: Tsuyoshi Tokuda <108762+tokuda109@users.noreply.github.com>
Date: Fri, 11 Oct 2024 09:29:24 +0900
Subject: [PATCH] fix: type errors

---
 components/PanelDocs.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/PanelDocs.vue b/components/PanelDocs.vue
index be7a92f..6345312 100644
--- a/components/PanelDocs.vue
+++ b/components/PanelDocs.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/return-in-computed-property -->
 <script setup lang="ts">
 import type { NavItem, ParsedContent } from '@nuxt/content'
 
@@ -83,11 +84,14 @@ const THREAD_ID_MAP = {
   '2.concepts/9.data-fetching/index.md': 84,
 } as const satisfies Record<string, number>
 
-const threadUrl = computed(() =>
-  page.value?._file && threadIdMappings[page.value._file]
-    ? `https://github.com/vuejs-jp/learn.nuxt.com/discussions/${threadIdMappings[page.value._file]}`
-    : undefined,
-)
+type ThreadIdMapKey = keyof typeof THREAD_ID_MAP
+
+const threadUrl = computed(() => {
+  if (page.value?._file) {
+    const threadId = THREAD_ID_MAP[page.value._file as ThreadIdMapKey]
+    return `https://github.com/vuejs-jp/learn.nuxt.com/discussions/${threadId}`
+  }
+})
 
 const docsEl = ref<HTMLElement | null>(null)
 const router = useRouter()