fix(repoList): handle Bad credentials error from GitHub API

Catch 401 responses in useRepos loadMore and expose hasCredentialError,
then show a sign-in prompt in RepoList instead of an unhandled rejection.

src/hooks/useRepos.hook.ts

@@ -9,6 +9,7 @@ const STALE_TIME_MS = 20 * 60 * 1000
 
 const repos = ref<RepoBase[]>([])
 const isReady = ref(false)
+const hasCredentialError = ref(false)
 const currentPage = ref(0)
 const totalCount = ref(0)
 let lastFetchedAt = 0
@@ -21,24 +22,38 @@ export const useRepos = () => {
       isReady.value = true
       return
     }
-    const octokit = await getOctokit()
-    const nextPage = currentPage.value + 1
-    const repoList = await octokit.request("GET /search/repositories", {
-      q: `user:${username.value}`,
-      per_page: PER_PAGE,
-      page: nextPage
-    })
-    currentPage.value = nextPage
-    totalCount.value = repoList.data.total_count
-    const newItems = repoList.data.items.map((item) => ({
-      id: `${item.id}`,
-      name: item.name,
-      isPrivate: item.private
-    }))
-    repos.value = [...repos.value, ...newItems].sort((a, b) =>
-      a.name < b.name ? -1 : 1
-    )
-    isReady.value = true
+    try {
+      const octokit = await getOctokit()
+      const nextPage = currentPage.value + 1
+      const repoList = await octokit.request("GET /search/repositories", {
+        q: `user:${username.value}`,
+        per_page: PER_PAGE,
+        page: nextPage
+      })
+      currentPage.value = nextPage
+      totalCount.value = repoList.data.total_count
+      const newItems = repoList.data.items.map((item) => ({
+        id: `${item.id}`,
+        name: item.name,
+        isPrivate: item.private
+      }))
+      repos.value = [...repos.value, ...newItems].sort((a, b) =>
+        a.name < b.name ? -1 : 1
+      )
+    } catch (err: unknown) {
+      if (
+        typeof err === "object" &&
+        err !== null &&
+        "status" in err &&
+        (err as { status: number }).status === 401
+      ) {
+        hasCredentialError.value = true
+      } else {
+        throw err
+      }
+    } finally {
+      isReady.value = true
+    }
   }
 
   const canLoadMore = computed(() => repos.value.length < totalCount.value)
@@ -50,10 +65,11 @@ export const useRepos = () => {
       currentPage.value = 0
       totalCount.value = 0
       isReady.value = false
+      hasCredentialError.value = false
     }
     lastFetchedAt = Date.now()
     loadMore()
   }
 
-  return { repos, isReady, canLoadMore, loadMore }
+  return { repos, isReady, hasCredentialError, canLoadMore, loadMore }
 }