use ??.

src/oj/problem/components/SubmitPanel.vue

@@ -13,14 +13,14 @@ import {
 import { Problem, Submission, SubmitCodePayload } from "../../../utils/types"
 import { getSubmission, submitCode } from "../../api"
 
-import SubmissionResultTag from "../../components/submission-result-tag.vue"
+import SubmissionResultTag from "../../components/SubmissionResultTag.vue"
 import { useCodeStore } from "../../stores/code"
 
 const problem = inject<Ref<Problem>>("problem")
 const { code } = useCodeStore()
 
 const route = useRoute()
-const contestID = <string>route.params.contestID || ""
+const contestID = <string>route.params.contestID ?? ""
 
 const submissionId = ref("")
 const submission = ref<Submission | null>(null)

src/oj/problem/components/editor.vue

@@ -6,8 +6,8 @@ import { submissionExists } from "../../api"
 import { TabsPaneContext } from "element-plus"
 
 import Monaco from "../../../shared/monaco/index.vue"
-import SubmitPanel from "../components/submit-panel.vue"
-import TestcasePanel from "../components/testcase-panel.vue"
+import SubmitPanel from "./SubmitPanel.vue"
+import TestcasePanel from "./TestcasePanel.vue"
 
 interface Props {
   problem: Problem

src/oj/problem/detail.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import Editor from "./components/editor.vue"
-import ProblemContent from "./components/problem-content.vue"
-import ProblemInfo from "./components/problem-info.vue"
+import Editor from "./components/Editor.vue"
+import ProblemContent from "./components/ProblemContent.vue"
+import ProblemInfo from "./components/ProblemInfo.vue"
 import { getProblem } from "../api"
 import { isDesktop, isMobile } from "../../utils/breakpoints"
 

src/oj/problem/list.vue

@@ -20,19 +20,19 @@ const total = ref(0)
 const { data: tags } = getProblemTagList()
 
 const query = reactive({
-  keyword: (route.query.keyword as string) || "",
-  difficulty: route.query.difficulty || "",
-  tag: route.query.tag || "",
-  page: parseInt(<string>route.query.page) || 1,
-  limit: parseInt(<string>route.query.limit) || 10,
+  keyword: route.query.keyword ?? "",
+  difficulty: route.query.difficulty ?? "",
+  tag: route.query.tag ?? "",
+  page: parseInt(<string>route.query.page) ?? 1,
+  limit: parseInt(<string>route.query.limit) ?? 10,
 })
 
 async function listProblems() {
-  query.keyword = (route.query.keyword as string) || ""
-  query.difficulty = route.query.difficulty || ""
-  query.tag = route.query.tag || ""
-  query.page = parseInt(<string>route.query.page) || 1
-  query.limit = parseInt(<string>route.query.limit) || 10
+  query.keyword = route.query.keyword ?? ""
+  query.difficulty = route.query.difficulty ?? ""
+  query.tag = route.query.tag ?? ""
+  query.page = parseInt(<string>route.query.page) ?? 1
+  query.limit = parseInt(<string>route.query.limit) ?? 10
 
   if (query.page < 1) query.page = 1
   const offset = (query.page - 1) * query.limit