useParam()の返り値にnull合体演算子を使用

traPtitech · Jul 18, 2024 · 9ea2216 · 9ea2216
1 parent d20f94c
commit 9ea2216
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/lib/param.ts b/src/lib/param.ts
@@ -5,12 +5,11 @@ const toStringIfArray = (s: string | undefined | readonly string[]) =>
   Array.isArray(s) ? s[0] : s
 
 /**
- * @param paramName - 取得するparam、存在しないものを取得しようとした場合、undefinedが返るので注意
+ * @param paramName - 取得するparam、存在しないものを取得しようとした場合、'undefined'が返るので注意
  */
 const useParam = (paramName: string): ComputedRef<string> => {
   const route = useRoute()
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  return computed(() => toStringIfArray(route.params[paramName])!)
+  return computed(() => toStringIfArray(route.params[paramName]) ?? 'undefined')
 }
 
 export default useParam
diff --git a/src/pages/ContestPage.vue b/src/pages/ContestPage.vue
@@ -43,7 +43,7 @@ onMounted(() => {
     </div>
     <contest-team-list
       :contest-teams="contestDetail.teams"
-      :contest-id="contestId ?? 'undefined'"
+      :contest-id="contestId"
     />
   </page-container>
 </template>