diff --git a/rsbuild.config.ts b/rsbuild.config.ts
index 69c925f..e889fa1 100644
--- a/rsbuild.config.ts
+++ b/rsbuild.config.ts
@@ -76,10 +76,10 @@ export default defineConfig(({ envMode }) => {
     },
     resolve: {
       alias: {
-        "~": "./src",
         utils: "./src/utils",
         oj: "./src/oj",
         admin: "./src/admin",
+        shared: "./src/shared",
       },
     },
     server: {
diff --git a/src/admin/announcement/components/Actions.vue b/src/admin/announcement/components/Actions.vue
index bfba8b7..bd0856a 100644
--- a/src/admin/announcement/components/Actions.vue
+++ b/src/admin/announcement/components/Actions.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { deleteAnnouncement } from "~/admin/api"
+import { deleteAnnouncement } from "admin/api"
 
 interface Props {
   announcementID: number
diff --git a/src/admin/announcement/detail.vue b/src/admin/announcement/detail.vue
index 1b60bde..e76707a 100644
--- a/src/admin/announcement/detail.vue
+++ b/src/admin/announcement/detail.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import TextEditor from "~/shared/components/TextEditor.vue"
-import { AnnouncementEdit } from "~/utils/types"
+import TextEditor from "shared/components/TextEditor.vue"
+import { AnnouncementEdit } from "utils/types"
 import { createAnnouncement, editAnnouncement, getAnnouncement } from "../api"
 
 interface Props {
diff --git a/src/admin/announcement/list.vue b/src/admin/announcement/list.vue
index b1fa004..585fd14 100644
--- a/src/admin/announcement/list.vue
+++ b/src/admin/announcement/list.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { NSwitch } from "naive-ui"
-import Pagination from "~/shared/components/Pagination.vue"
-import { parseTime } from "~/utils/functions"
-import { Announcement } from "~/utils/types"
+import Pagination from "shared/components/Pagination.vue"
+import { parseTime } from "utils/functions"
+import { Announcement } from "utils/types"
 import { editAnnouncement, getAnnouncementList } from "../api"
 import Actions from "./components/Actions.vue"
 
diff --git a/src/admin/api.ts b/src/admin/api.ts
index 92bb614..8076cf8 100644
--- a/src/admin/api.ts
+++ b/src/admin/api.ts
@@ -11,7 +11,7 @@ import {
   Tutorial,
   User,
   WebsiteConfig,
-} from "~/utils/types"
+} from "utils/types"
 
 export function getBaseInfo() {
   return http.get("admin/dashboard_info")
diff --git a/src/admin/communication/comments.vue b/src/admin/communication/comments.vue
index ead2230..c07bb72 100644
--- a/src/admin/communication/comments.vue
+++ b/src/admin/communication/comments.vue
@@ -18,9 +18,9 @@
 </template>
 <script lang="ts" setup>
 import { NButton } from "naive-ui"
-import Pagination from "~/shared/components/Pagination.vue"
-import { parseTime } from "~/utils/functions"
-import { Comment } from "~/utils/types"
+import Pagination from "shared/components/Pagination.vue"
+import { parseTime } from "utils/functions"
+import { Comment } from "utils/types"
 import { getCommentList } from "../api"
 import CommentActions from "./components/CommentActions.vue"
 
diff --git a/src/admin/communication/components/CommentActions.vue b/src/admin/communication/components/CommentActions.vue
index 0de1144..fc3e062 100644
--- a/src/admin/communication/components/CommentActions.vue
+++ b/src/admin/communication/components/CommentActions.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { deleteComment } from "~/admin/api"
+import { deleteComment } from "admin/api"
 
 const props = defineProps<{ commentID: number }>()
 const emit = defineEmits(["deleted"])
diff --git a/src/admin/contest/components/Actions.vue b/src/admin/contest/components/Actions.vue
index 1cebb5e..69e191b 100644
--- a/src/admin/contest/components/Actions.vue
+++ b/src/admin/contest/components/Actions.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Contest } from "~/utils/types"
+import { Contest } from "utils/types"
 
 interface Props {
   contest: Contest
diff --git a/src/admin/contest/detail.vue b/src/admin/contest/detail.vue
index 64e1f8c..414718e 100644
--- a/src/admin/contest/detail.vue
+++ b/src/admin/contest/detail.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { formatISO } from "date-fns"
-import TextEditor from "~/shared/components/TextEditor.vue"
-import { parseTime } from "~/utils/functions"
-import { BlankContest } from "~/utils/types"
+import TextEditor from "shared/components/TextEditor.vue"
+import { parseTime } from "utils/functions"
+import { BlankContest } from "utils/types"
 import { createContest, editContest, getContest } from "../api"
 
 interface Props {
diff --git a/src/admin/contest/list.vue b/src/admin/contest/list.vue
index 43555be..f202d70 100644
--- a/src/admin/contest/list.vue
+++ b/src/admin/contest/list.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { NSwitch, NTag } from "naive-ui"
-import ContestTitle from "~/shared/components/ContestTitle.vue"
-import ContestType from "~/shared/components/ContestType.vue"
-import Pagination from "~/shared/components/Pagination.vue"
-import { CONTEST_STATUS } from "~/utils/constants"
-import { Contest } from "~/utils/types"
+import ContestTitle from "shared/components/ContestTitle.vue"
+import ContestType from "shared/components/ContestType.vue"
+import Pagination from "shared/components/Pagination.vue"
+import { CONTEST_STATUS } from "utils/constants"
+import { Contest } from "utils/types"
 import { editContest, getContestList } from "../api"
 import Actions from "./components/Actions.vue"
 
diff --git a/src/admin/problem/components/Actions.vue b/src/admin/problem/components/Actions.vue
index 4bf0426..e70daae 100644
--- a/src/admin/problem/components/Actions.vue
+++ b/src/admin/problem/components/Actions.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { deleteContestProblem, deleteProblem } from "~/admin/api"
-import download from "~/utils/download"
+import { deleteContestProblem, deleteProblem } from "admin/api"
+import download from "utils/download"
 
 interface Props {
   problemID: number
diff --git a/src/admin/problem/components/AddButton.vue b/src/admin/problem/components/AddButton.vue
index 7f3ca5f..c8d8ad0 100644
--- a/src/admin/problem/components/AddButton.vue
+++ b/src/admin/problem/components/AddButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { addProblemForContest } from "~/admin/api"
+import { addProblemForContest } from "admin/api"
 
 interface Props {
   problemID: number
diff --git a/src/admin/problem/components/Modal.vue b/src/admin/problem/components/Modal.vue
index 8d7116e..272f146 100644
--- a/src/admin/problem/components/Modal.vue
+++ b/src/admin/problem/components/Modal.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { getProblemList } from "~/admin/api"
-import Pagination from "~/shared/components/Pagination.vue"
-import { AdminProblemFiltered } from "~/utils/types"
+import { getProblemList } from "admin/api"
+import Pagination from "shared/components/Pagination.vue"
+import { AdminProblemFiltered } from "utils/types"
 import AddButton from "./AddButton.vue"
 
 interface Props {
diff --git a/src/admin/problem/detail.vue b/src/admin/problem/detail.vue
index ef402b1..87104d1 100644
--- a/src/admin/problem/detail.vue
+++ b/src/admin/problem/detail.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { getProblemTagList } from "~/shared/api"
-import TextEditor from "~/shared/components/TextEditor.vue"
+import { getProblemTagList } from "shared/api"
+import TextEditor from "shared/components/TextEditor.vue"
 import {
   CODE_TEMPLATES,
   LANGUAGE_SHOW_VALUE,
   STORAGE_KEY,
-} from "~/utils/constants"
-import download from "~/utils/download"
-import { unique } from "~/utils/functions"
-import { BlankProblem, LANGUAGE, Tag } from "~/utils/types"
+} from "utils/constants"
+import download from "utils/download"
+import { unique } from "utils/functions"
+import { BlankProblem, LANGUAGE, Tag } from "utils/types"
 import {
   createContestProblem,
   createProblem,
@@ -19,7 +19,7 @@ import {
 } from "../api"
 
 const CodeEditor = defineAsyncComponent(
-  () => import("~/shared/components/CodeEditor.vue"),
+  () => import("shared/components/CodeEditor.vue"),
 )
 
 interface Props {
diff --git a/src/admin/problem/list.vue b/src/admin/problem/list.vue
index e70fe06..b342e7b 100644
--- a/src/admin/problem/list.vue
+++ b/src/admin/problem/list.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { NSwitch } from "naive-ui"
-import Pagination from "~/shared/components/Pagination.vue"
-import { usePagination } from "~/shared/composables/pagination"
-import { parseTime } from "~/utils/functions"
-import { AdminProblemFiltered } from "~/utils/types"
+import Pagination from "shared/components/Pagination.vue"
+import { usePagination } from "shared/composables/pagination"
+import { parseTime } from "utils/functions"
+import { AdminProblemFiltered } from "utils/types"
 import { getProblemList, toggleProblemVisible } from "../api"
 import Actions from "./components/Actions.vue"
 import Modal from "./components/Modal.vue"
 import { useRouteQuery } from "@vueuse/router"
-import AuthorSelect from "~/shared/components/AuthorSelect.vue"
+import AuthorSelect from "shared/components/AuthorSelect.vue"
 
 interface Props {
   contestID?: string
diff --git a/src/admin/setting/config.vue b/src/admin/setting/config.vue
index 35ae7e9..a193090 100644
--- a/src/admin/setting/config.vue
+++ b/src/admin/setting/config.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { NButton, NTag } from "naive-ui"
-import { parseTime } from "~/utils/functions"
-import { Server } from "~/utils/types"
+import { parseTime } from "utils/functions"
+import { Server } from "utils/types"
 import {
   deleteJudgeServer,
   editWebsite,
diff --git a/src/admin/setting/home.vue b/src/admin/setting/home.vue
index c43fb32..4dbcf41 100644
--- a/src/admin/setting/home.vue
+++ b/src/admin/setting/home.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { NButton } from "naive-ui"
 import { getRank } from "oj/api"
-import Pagination from "~/shared/components/Pagination.vue"
-import { useUserStore } from "~/shared/store/user"
-import { getACRate } from "~/utils/functions"
-import { Rank } from "~/utils/types"
+import Pagination from "shared/components/Pagination.vue"
+import { useUserStore } from "shared/store/user"
+import { getACRate } from "utils/functions"
+import { Rank } from "utils/types"
 import { getBaseInfo, randomUser10 } from "../api"
 
 const userCount = ref(0)
diff --git a/src/admin/tutorial/components/Actions.vue b/src/admin/tutorial/components/Actions.vue
index b9eb397..e2e535b 100644
--- a/src/admin/tutorial/components/Actions.vue
+++ b/src/admin/tutorial/components/Actions.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { deleteTutorial } from "~/admin/api"
+import { deleteTutorial } from "admin/api"
 
 interface Props {
   tutorialID: number
diff --git a/src/admin/tutorial/detail.vue b/src/admin/tutorial/detail.vue
index c558ae9..7898c21 100644
--- a/src/admin/tutorial/detail.vue
+++ b/src/admin/tutorial/detail.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import CodeEditor from "~/shared/components/CodeEditor.vue"
-import MarkdownEditor from "~/shared/components/MarkdownEditor.vue"
-import { Tutorial } from "~/utils/types"
+import CodeEditor from "shared/components/CodeEditor.vue"
+import MarkdownEditor from "shared/components/MarkdownEditor.vue"
+import { Tutorial } from "utils/types"
 import { createTutorial, getTutorial, updateTutorial } from "../api"
 
 interface Props {
diff --git a/src/admin/tutorial/list.vue b/src/admin/tutorial/list.vue
index c0458b3..692a684 100644
--- a/src/admin/tutorial/list.vue
+++ b/src/admin/tutorial/list.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { NSwitch } from "naive-ui"
-import { parseTime } from "~/utils/functions"
-import { Tutorial } from "~/utils/types"
+import { parseTime } from "utils/functions"
+import { Tutorial } from "utils/types"
 import { getTutorialList, setTutorialVisibility } from "../api"
 import Actions from "./components/Actions.vue"
 
diff --git a/src/admin/user/components/Actions.vue b/src/admin/user/components/Actions.vue
index 1f165e0..cd4cf8a 100644
--- a/src/admin/user/components/Actions.vue
+++ b/src/admin/user/components/Actions.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { editUser } from "~/admin/api"
-import { User } from "~/utils/types"
+import { editUser } from "admin/api"
+import { User } from "utils/types"
 
 interface Props {
   user: User
diff --git a/src/admin/user/components/Name.vue b/src/admin/user/components/Name.vue
index 59c962b..c392363 100644
--- a/src/admin/user/components/Name.vue
+++ b/src/admin/user/components/Name.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { PROBLEM_PERMISSION, USER_TYPE } from "~/utils/constants"
-import { getUserRole } from "~/utils/functions"
-import { User } from "~/utils/types"
-import TextCopy from "~/shared/components/TextCopy.vue"
+import { PROBLEM_PERMISSION, USER_TYPE } from "utils/constants"
+import { getUserRole } from "utils/functions"
+import { User } from "utils/types"
+import TextCopy from "shared/components/TextCopy.vue"
 
 interface Props {
   user: User
diff --git a/src/admin/user/list.vue b/src/admin/user/list.vue
index 8c18176..f08eb57 100644
--- a/src/admin/user/list.vue
+++ b/src/admin/user/list.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { DataTableRowKey, SelectOption } from "naive-ui"
-import Pagination from "~/shared/components/Pagination.vue"
-import { usePagination } from "~/shared/composables/pagination"
-import { parseTime } from "~/utils/functions"
-import { User } from "~/utils/types"
+import Pagination from "shared/components/Pagination.vue"
+import { usePagination } from "shared/composables/pagination"
+import { parseTime } from "utils/functions"
+import { User } from "utils/types"
 import {
   deleteUsers,
   editUser,
@@ -13,9 +13,9 @@ import {
 } from "../api"
 import Actions from "./components/Actions.vue"
 import Name from "./components/Name.vue"
-import { PROBLEM_PERMISSION, USER_TYPE } from "~/utils/constants"
+import { PROBLEM_PERMISSION, USER_TYPE } from "utils/constants"
 import { useRouteQuery } from "@vueuse/router"
-import TextCopy from "~/shared/components/TextCopy.vue"
+import TextCopy from "shared/components/TextCopy.vue"
 
 const message = useMessage()
 
diff --git a/src/oj/ai/analysis.vue b/src/oj/ai/analysis.vue
index 356ff5f..98f2ed1 100644
--- a/src/oj/ai/analysis.vue
+++ b/src/oj/ai/analysis.vue
@@ -23,7 +23,7 @@
   </n-grid>
 </template>
 <script setup lang="ts">
-import { isDesktop } from "~/shared/composables/breakpoints"
+import { isDesktop } from "shared/composables/breakpoints"
 import { formatISO, sub, type Duration } from "date-fns"
 import WeeklyChart from "./components/WeeklyChart.vue"
 import Details from "./components/Details.vue"
diff --git a/src/oj/ai/components/AI.vue b/src/oj/ai/components/AI.vue
index f2434a4..d607c7e 100644
--- a/src/oj/ai/components/AI.vue
+++ b/src/oj/ai/components/AI.vue
@@ -6,7 +6,7 @@
   </n-spin>
 </template>
 <script setup lang="ts">
-import { useAIStore } from "~/oj/store/ai"
+import { useAIStore } from "oj/store/ai"
 import { MdPreview } from "md-editor-v3"
 import "md-editor-v3/lib/preview.css"
 
diff --git a/src/oj/ai/components/Details.vue b/src/oj/ai/components/Details.vue
index 55bb37e..87dd565 100644
--- a/src/oj/ai/components/Details.vue
+++ b/src/oj/ai/components/Details.vue
@@ -47,10 +47,10 @@ import TagsChart from "./TagsChart.vue"
 import DifficultyChart from "./DifficultyChart.vue"
 import TagTitle from "./TagTitle.vue"
 import AI from "./AI.vue"
-import { parseTime } from "~/utils/functions"
-import { SolvedProblem } from "~/utils/types"
-import { useAIStore } from "~/oj/store/ai"
-import { isDesktop } from "~/shared/composables/breakpoints"
+import { parseTime } from "utils/functions"
+import { SolvedProblem } from "utils/types"
+import { useAIStore } from "oj/store/ai"
+import { isDesktop } from "shared/composables/breakpoints"
 
 const props = defineProps<{
   start: string
diff --git a/src/oj/ai/components/Heatmap.vue b/src/oj/ai/components/Heatmap.vue
index 40f708e..a2afa6e 100644
--- a/src/oj/ai/components/Heatmap.vue
+++ b/src/oj/ai/components/Heatmap.vue
@@ -17,7 +17,7 @@
 </template>
 <script setup lang="ts">
 import { type HeatmapData } from "naive-ui"
-import { getAIHeatmapData } from "~/oj/api"
+import { getAIHeatmapData } from "oj/api"
 
 const data = ref<HeatmapData>([])
 
diff --git a/src/oj/ai/components/WeeklyChart.vue b/src/oj/ai/components/WeeklyChart.vue
index 549d654..0759cc5 100644
--- a/src/oj/ai/components/WeeklyChart.vue
+++ b/src/oj/ai/components/WeeklyChart.vue
@@ -8,8 +8,8 @@
 <script setup lang="ts">
 import type { ChartData, ChartOptions, TooltipItem } from "chart.js"
 import { Chart } from "vue-chartjs"
-import { useAIStore } from "~/oj/store/ai"
-import { parseTime } from "~/utils/functions"
+import { useAIStore } from "oj/store/ai"
+import { parseTime } from "utils/functions"
 
 const props = defineProps<{
   end: string
diff --git a/src/oj/announcement/list.vue b/src/oj/announcement/list.vue
index b6110b7..fff3816 100644
--- a/src/oj/announcement/list.vue
+++ b/src/oj/announcement/list.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
 import { NTag } from "naive-ui"
-import { getAnnouncement, getAnnouncementList } from "~/oj/api"
-import Pagination from "~/shared/components/Pagination.vue"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import { parseTime } from "~/utils/functions"
-import { renderTableTitle } from "~/utils/renders"
-import { Announcement } from "~/utils/types"
+import { getAnnouncement, getAnnouncementList } from "oj/api"
+import Pagination from "shared/components/Pagination.vue"
+import { isDesktop } from "shared/composables/breakpoints"
+import { parseTime } from "utils/functions"
+import { renderTableTitle } from "utils/renders"
+import { Announcement } from "utils/types"
 import TitleWithTag from "./components/TitleWithTag.vue"
 
 const total = ref(0)
diff --git a/src/oj/composables/code.ts b/src/oj/composables/code.ts
index bfe72a0..3d98a62 100644
--- a/src/oj/composables/code.ts
+++ b/src/oj/composables/code.ts
@@ -1,6 +1,6 @@
-import { STORAGE_KEY } from "~/utils/constants"
-import storage from "~/utils/storage"
-import { Code } from "~/utils/types"
+import { STORAGE_KEY } from "utils/constants"
+import storage from "utils/storage"
+import { Code } from "utils/types"
 
 export const code = reactive<Code>({
   value: "",
diff --git a/src/oj/composables/problem.ts b/src/oj/composables/problem.ts
index 682fa7e..c81e1bb 100644
--- a/src/oj/composables/problem.ts
+++ b/src/oj/composables/problem.ts
@@ -1,3 +1,3 @@
-import { Problem } from "~/utils/types"
+import { Problem } from "utils/types"
 
 export const problem = ref<Problem | null>(null)
diff --git a/src/oj/contest/components/AcAndSubmission.vue b/src/oj/contest/components/AcAndSubmission.vue
index c93d84f..f6f589f 100644
--- a/src/oj/contest/components/AcAndSubmission.vue
+++ b/src/oj/contest/components/AcAndSubmission.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ContestRank } from "~/utils/types"
+import { ContestRank } from "utils/types"
 
 interface Props {
   rank: ContestRank
diff --git a/src/oj/contest/components/ContestInfo.vue b/src/oj/contest/components/ContestInfo.vue
index 52c555b..4f85d38 100644
--- a/src/oj/contest/components/ContestInfo.vue
+++ b/src/oj/contest/components/ContestInfo.vue
@@ -2,7 +2,7 @@
 import { Icon } from "@iconify/vue"
 import { useContestStore } from "oj/store/contest"
 import { parseTime } from "utils/functions"
-import ContestType from "~/shared/components/ContestType.vue"
+import ContestType from "shared/components/ContestType.vue"
 
 const contestStore = useContestStore()
 </script>
diff --git a/src/oj/contest/components/ContestMenu.vue b/src/oj/contest/components/ContestMenu.vue
index 5fa2fb3..ead955b 100644
--- a/src/oj/contest/components/ContestMenu.vue
+++ b/src/oj/contest/components/ContestMenu.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useContestStore } from "oj/store/contest"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import { ContestStatus } from "~/utils/constants"
+import { isDesktop } from "shared/composables/breakpoints"
+import { ContestStatus } from "utils/constants"
 
 const route = useRoute()
 const router = useRouter()
diff --git a/src/oj/contest/detail.vue b/src/oj/contest/detail.vue
index 37d3092..3b93d54 100644
--- a/src/oj/contest/detail.vue
+++ b/src/oj/contest/detail.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
 import { CONTEST_STATUS, ContestStatus } from "utils/constants"
-import { isDesktop } from "~/shared/composables/breakpoints"
+import { isDesktop } from "shared/composables/breakpoints"
 import { useContestStore } from "../store/contest"
 import ContestInfo from "./components/ContestInfo.vue"
 import ContestMenu from "./components/ContestMenu.vue"
diff --git a/src/oj/contest/list.vue b/src/oj/contest/list.vue
index 6a145b5..5c0c082 100644
--- a/src/oj/contest/list.vue
+++ b/src/oj/contest/list.vue
@@ -4,13 +4,13 @@ import { NTag } from "naive-ui"
 import { getContestList } from "oj/api"
 import { duration, parseTime } from "utils/functions"
 import { Contest } from "utils/types"
-import ContestTitle from "~/shared/components/ContestTitle.vue"
-import Pagination from "~/shared/components/Pagination.vue"
-import { toggleLogin } from "~/shared/composables/modal"
-import { usePagination } from "~/shared/composables/pagination"
-import { useUserStore } from "~/shared/store/user"
-import { CONTEST_STATUS, ContestType } from "~/utils/constants"
-import { renderTableTitle } from "~/utils/renders"
+import ContestTitle from "shared/components/ContestTitle.vue"
+import Pagination from "shared/components/Pagination.vue"
+import { toggleLogin } from "shared/composables/modal"
+import { usePagination } from "shared/composables/pagination"
+import { useUserStore } from "shared/store/user"
+import { CONTEST_STATUS, ContestType } from "utils/constants"
+import { renderTableTitle } from "utils/renders"
 
 const router = useRouter()
 const userStore = useUserStore()
diff --git a/src/oj/contest/pages/problems.vue b/src/oj/contest/pages/problems.vue
index 9979ac9..2a71815 100644
--- a/src/oj/contest/pages/problems.vue
+++ b/src/oj/contest/pages/problems.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { ProblemFiltered } from "utils/types"
-import ProblemStatus from "~/oj/problem/components/ProblemStatus.vue"
-import { useContestStore } from "~/oj/store/contest"
-import { renderTableTitle } from "~/utils/renders"
+import ProblemStatus from "oj/problem/components/ProblemStatus.vue"
+import { useContestStore } from "oj/store/contest"
+import { renderTableTitle } from "utils/renders"
 
 const props = defineProps<{ contestID: string }>()
 
diff --git a/src/oj/contest/pages/rank.vue b/src/oj/contest/pages/rank.vue
index e3cdc76..f0cb999 100644
--- a/src/oj/contest/pages/rank.vue
+++ b/src/oj/contest/pages/rank.vue
@@ -3,11 +3,11 @@ import { Icon } from "@iconify/vue"
 import { NButton, useThemeVars } from "naive-ui"
 import { getContestProblems, getContestRank } from "oj/api"
 import { secondsToDuration } from "utils/functions"
-import { useContestStore } from "~/oj/store/contest"
-import Pagination from "~/shared/components/Pagination.vue"
-import { ContestStatus } from "~/utils/constants"
-import { renderTableTitle } from "~/utils/renders"
-import { ContestRank, ProblemFiltered } from "~/utils/types"
+import { useContestStore } from "oj/store/contest"
+import Pagination from "shared/components/Pagination.vue"
+import { ContestStatus } from "utils/constants"
+import { renderTableTitle } from "utils/renders"
+import { ContestRank, ProblemFiltered } from "utils/types"
 import AcAndSubmission from "../components/AcAndSubmission.vue"
 
 interface Props {
diff --git a/src/oj/learn/index.vue b/src/oj/learn/index.vue
index f645974..d015b86 100644
--- a/src/oj/learn/index.vue
+++ b/src/oj/learn/index.vue
@@ -68,11 +68,11 @@ import { Icon } from "@iconify/vue"
 
 import { MdPreview } from "md-editor-v3"
 import "md-editor-v3/lib/preview.css"
-import { Tutorial } from "~/utils/types"
+import { Tutorial } from "utils/types"
 import { getTutorial, getTutorials } from "../api"
 
 const CodeEditor = defineAsyncComponent(
-  () => import("~/shared/components/CodeEditor.vue"),
+  () => import("shared/components/CodeEditor.vue"),
 )
 
 const isDark = useDark()
diff --git a/src/oj/problem/components/ContestEditor.vue b/src/oj/problem/components/ContestEditor.vue
index 8701ecb..33b4125 100644
--- a/src/oj/problem/components/ContestEditor.vue
+++ b/src/oj/problem/components/ContestEditor.vue
@@ -2,10 +2,10 @@
 import { code } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { SOURCES } from "utils/constants"
-import CodeEditor from "~/shared/components/CodeEditor.vue"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import storage from "~/utils/storage"
-import { LANGUAGE } from "~/utils/types"
+import CodeEditor from "shared/components/CodeEditor.vue"
+import { isDesktop } from "shared/composables/breakpoints"
+import storage from "utils/storage"
+import { LANGUAGE } from "utils/types"
 import Form from "./Form.vue"
 
 const route = useRoute()
diff --git a/src/oj/problem/components/EditorWithTest.vue b/src/oj/problem/components/EditorWithTest.vue
index daa03f1..4a2f6a4 100644
--- a/src/oj/problem/components/EditorWithTest.vue
+++ b/src/oj/problem/components/EditorWithTest.vue
@@ -2,9 +2,9 @@
 import { code, input, output } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { SOURCES } from "utils/constants"
-import CodeEditor from "~/shared/components/CodeEditor.vue"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import storage from "~/utils/storage"
+import CodeEditor from "shared/components/CodeEditor.vue"
+import { isDesktop } from "shared/composables/breakpoints"
+import storage from "utils/storage"
 import Form from "./Form.vue"
 
 const route = useRoute()
diff --git a/src/oj/problem/components/Form.vue b/src/oj/problem/components/Form.vue
index 6e48eae..9b4a252 100644
--- a/src/oj/problem/components/Form.vue
+++ b/src/oj/problem/components/Form.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { copyToClipboard } from "~/utils/functions"
+import { copyToClipboard } from "utils/functions"
 import { code, input, output } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { injectSyncStatus } from "oj/composables/syncStatus"
-import { SYNC_MESSAGES } from "~/shared/composables/sync"
+import { SYNC_MESSAGES } from "shared/composables/sync"
 import { LANGUAGE_SHOW_VALUE, SOURCES, STORAGE_KEY } from "utils/constants"
-import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
-import { useUserStore } from "~/shared/store/user"
-import { createTestSubmission } from "~/utils/judge"
-import storage from "~/utils/storage"
-import { LANGUAGE } from "~/utils/types"
+import { isDesktop, isMobile } from "shared/composables/breakpoints"
+import { useUserStore } from "shared/store/user"
+import { createTestSubmission } from "utils/judge"
+import storage from "utils/storage"
+import { LANGUAGE } from "utils/types"
 import Submit from "./Submit.vue"
-import StatisticsPanel from "~/shared/components/StatisticsPanel.vue"
-import IconButton from "~/shared/components/IconButton.vue"
+import StatisticsPanel from "shared/components/StatisticsPanel.vue"
+import IconButton from "shared/components/IconButton.vue"
 
 interface Props {
   storageKey: string
diff --git a/src/oj/problem/components/ProblemComment.vue b/src/oj/problem/components/ProblemComment.vue
index f5036c0..07a321a 100644
--- a/src/oj/problem/components/ProblemComment.vue
+++ b/src/oj/problem/components/ProblemComment.vue
@@ -109,8 +109,8 @@
 import { Icon } from "@iconify/vue"
 import { problem } from "oj/composables/problem"
 import { DIFFICULTY } from "utils/constants"
-import { createComment, getComment, getCommentStatistics } from "~/oj/api"
-import { useUserStore } from "~/shared/store/user"
+import { createComment, getComment, getCommentStatistics } from "oj/api"
+import { useUserStore } from "shared/store/user"
 
 interface Props {
   showStatistics?: boolean
diff --git a/src/oj/problem/components/ProblemContent.vue b/src/oj/problem/components/ProblemContent.vue
index 322fff3..7682a05 100644
--- a/src/oj/problem/components/ProblemContent.vue
+++ b/src/oj/problem/components/ProblemContent.vue
@@ -5,7 +5,7 @@ import { code } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { createTestSubmission } from "utils/judge"
 import { Problem, ProblemStatus } from "utils/types"
-import Copy from "~/shared/components/Copy.vue"
+import Copy from "shared/components/Copy.vue"
 
 type Sample = Problem["samples"][number] & {
   id: number
diff --git a/src/oj/problem/components/ProblemEditor.vue b/src/oj/problem/components/ProblemEditor.vue
index 40a8819..088f59b 100644
--- a/src/oj/problem/components/ProblemEditor.vue
+++ b/src/oj/problem/components/ProblemEditor.vue
@@ -3,10 +3,10 @@ import { code } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { provideSyncStatus } from "oj/composables/syncStatus"
 import { SOURCES } from "utils/constants"
-import SyncCodeEditor from "~/shared/components/SyncCodeEditor.vue"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import storage from "~/utils/storage"
-import { LANGUAGE } from "~/utils/types"
+import SyncCodeEditor from "shared/components/SyncCodeEditor.vue"
+import { isDesktop } from "shared/composables/breakpoints"
+import storage from "utils/storage"
+import { LANGUAGE } from "utils/types"
 import Form from "./Form.vue"
 
 const route = useRoute()
diff --git a/src/oj/problem/components/ProblemInfo.vue b/src/oj/problem/components/ProblemInfo.vue
index 9e6257b..e15b207 100644
--- a/src/oj/problem/components/ProblemInfo.vue
+++ b/src/oj/problem/components/ProblemInfo.vue
@@ -4,9 +4,9 @@ import { problem } from "oj/composables/problem"
 import { DIFFICULTY, JUDGE_STATUS } from "utils/constants"
 import { getACRateNumber, getTagColor, parseTime } from "utils/functions"
 import { Pie } from "vue-chartjs"
-import { getProblemBeatRate } from "~/oj/api"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import { registerChart } from "~/utils/registerChart"
+import { getProblemBeatRate } from "oj/api"
+import { isDesktop } from "shared/composables/breakpoints"
+import { registerChart } from "utils/registerChart"
 
 const beatRate = ref("0")
 
diff --git a/src/oj/problem/components/ProblemSubmission.vue b/src/oj/problem/components/ProblemSubmission.vue
index 58d6f0f..1fbcacd 100644
--- a/src/oj/problem/components/ProblemSubmission.vue
+++ b/src/oj/problem/components/ProblemSubmission.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import { NButton } from "naive-ui"
-import { getSubmissions, getRankOfProblem } from "~/oj/api"
-import Pagination from "~/shared/components/Pagination.vue"
-import SubmissionResultTag from "~/shared/components/SubmissionResultTag.vue"
-import { useUserStore } from "~/shared/store/user"
-import { LANGUAGE_SHOW_VALUE } from "~/utils/constants"
-import { parseTime } from "~/utils/functions"
-import { renderTableTitle } from "~/utils/renders"
-import { Submission } from "~/utils/types"
+import { getSubmissions, getRankOfProblem } from "oj/api"
+import Pagination from "shared/components/Pagination.vue"
+import SubmissionResultTag from "shared/components/SubmissionResultTag.vue"
+import { useUserStore } from "shared/store/user"
+import { LANGUAGE_SHOW_VALUE } from "utils/constants"
+import { parseTime } from "utils/functions"
+import { renderTableTitle } from "utils/renders"
+import { Submission } from "utils/types"
 
 const userStore = useUserStore()
 const route = useRoute()
diff --git a/src/oj/problem/components/Submit.vue b/src/oj/problem/components/Submit.vue
index c59e59a..4537919 100644
--- a/src/oj/problem/components/Submit.vue
+++ b/src/oj/problem/components/Submit.vue
@@ -7,9 +7,9 @@ import { problem } from "oj/composables/problem"
 import { JUDGE_STATUS, SubmissionStatus } from "utils/constants"
 import { submissionMemoryFormat, submissionTimeFormat } from "utils/functions"
 import { Submission, SubmitCodePayload } from "utils/types"
-import SubmissionResultTag from "~/shared/components/SubmissionResultTag.vue"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import { useUserStore } from "~/shared/store/user"
+import SubmissionResultTag from "shared/components/SubmissionResultTag.vue"
+import { isDesktop } from "shared/composables/breakpoints"
+import { useUserStore } from "shared/store/user"
 
 const ProblemComment = defineAsyncComponent(
   () => import("./ProblemComment.vue"),
diff --git a/src/oj/problem/detail.vue b/src/oj/problem/detail.vue
index 8ce8e9e..b9e4c58 100644
--- a/src/oj/problem/detail.vue
+++ b/src/oj/problem/detail.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { getProblem } from "oj/api"
 import { ScreenMode } from "utils/constants"
-import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
+import { isDesktop, isMobile } from "shared/composables/breakpoints"
 import {
   bothAndProblem,
   resetScreenMode,
   screenMode,
-} from "~/shared/composables/switchScreen"
+} from "shared/composables/switchScreen"
 import { problem } from "../composables/problem"
 
 const ProblemEditor = defineAsyncComponent(
diff --git a/src/oj/problem/list.vue b/src/oj/problem/list.vue
index 62f648b..9378f2a 100644
--- a/src/oj/problem/list.vue
+++ b/src/oj/problem/list.vue
@@ -5,15 +5,15 @@ import { useRouteQuery } from "@vueuse/router"
 import { getProblemList, getRandomProblemID } from "oj/api"
 import { getTagColor } from "utils/functions"
 import { ProblemFiltered } from "utils/types"
-import { getProblemTagList } from "~/shared/api"
-import Hitokoto from "~/shared/components/Hitokoto.vue"
-import Pagination from "~/shared/components/Pagination.vue"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import { usePagination } from "~/shared/composables/pagination"
-import { useUserStore } from "~/shared/store/user"
-import { renderTableTitle } from "~/utils/renders"
+import { getProblemTagList } from "shared/api"
+import Hitokoto from "shared/components/Hitokoto.vue"
+import Pagination from "shared/components/Pagination.vue"
+import { isDesktop } from "shared/composables/breakpoints"
+import { usePagination } from "shared/composables/pagination"
+import { useUserStore } from "shared/store/user"
+import { renderTableTitle } from "utils/renders"
 import ProblemStatus from "./components/ProblemStatus.vue"
-import AuthorSelect from "~/shared/components/AuthorSelect.vue"
+import AuthorSelect from "shared/components/AuthorSelect.vue"
 
 interface Tag {
   id: number
diff --git a/src/oj/rank/components/Chart.vue b/src/oj/rank/components/Chart.vue
index fbfabfd..c2fda63 100644
--- a/src/oj/rank/components/Chart.vue
+++ b/src/oj/rank/components/Chart.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Bar } from "vue-chartjs"
-import { ChartType } from "~/utils/constants"
-import { Rank } from "~/utils/types"
+import { ChartType } from "utils/constants"
+import { Rank } from "utils/types"
 
 const props = defineProps<{ rankData: Rank[]; type: ChartType }>()
 
diff --git a/src/oj/rank/list.vue b/src/oj/rank/list.vue
index b3ac9e1..3734241 100644
--- a/src/oj/rank/list.vue
+++ b/src/oj/rank/list.vue
@@ -4,9 +4,9 @@ import { NButton } from "naive-ui"
 import { getActivityRank, getRank } from "oj/api"
 import { getACRate } from "utils/functions"
 import { Rank } from "utils/types"
-import Pagination from "~/shared/components/Pagination.vue"
-import { ChartType } from "~/utils/constants"
-import { renderTableTitle } from "~/utils/renders"
+import Pagination from "shared/components/Pagination.vue"
+import { ChartType } from "utils/constants"
+import { renderTableTitle } from "utils/renders"
 import Chart from "./components/Chart.vue"
 import Index from "./components/Index.vue"
 
diff --git a/src/oj/store/ai.ts b/src/oj/store/ai.ts
index d0c0205..55e42f5 100644
--- a/src/oj/store/ai.ts
+++ b/src/oj/store/ai.ts
@@ -1,7 +1,7 @@
-import { DetailsData, WeeklyData } from "~/utils/types"
-import { consumeJSONEventStream } from "~/utils/stream"
+import { DetailsData, WeeklyData } from "utils/types"
+import { consumeJSONEventStream } from "utils/stream"
 import { getAIDetailData, getAIWeeklyData } from "../api"
-import { getCSRFToken } from "~/utils/functions"
+import { getCSRFToken } from "utils/functions"
 
 export const useAIStore = defineStore("ai", () => {
   const duration = ref("months:6")
diff --git a/src/oj/store/contest.ts b/src/oj/store/contest.ts
index 8707ace..3a9c11e 100644
--- a/src/oj/store/contest.ts
+++ b/src/oj/store/contest.ts
@@ -1,8 +1,8 @@
 import { formatISO, getTime, parseISO } from "date-fns"
-import { useUserStore } from "~/shared/store/user"
-import { ContestStatus, ContestType } from "~/utils/constants"
-import { duration } from "~/utils/functions"
-import { Contest, Problem } from "~/utils/types"
+import { useUserStore } from "shared/store/user"
+import { ContestStatus, ContestType } from "utils/constants"
+import { duration } from "utils/functions"
+import { Contest, Problem } from "utils/types"
 import {
   checkContestPassword,
   getContest,
diff --git a/src/oj/submission/components/SubmissionLink.vue b/src/oj/submission/components/SubmissionLink.vue
index 4c32836..7c7c4ed 100644
--- a/src/oj/submission/components/SubmissionLink.vue
+++ b/src/oj/submission/components/SubmissionLink.vue
@@ -21,7 +21,7 @@
 
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
-import { SubmissionListItem } from "~/utils/types"
+import { SubmissionListItem } from "utils/types"
 
 interface Props {
   submission: SubmissionListItem
diff --git a/src/oj/submission/detail.vue b/src/oj/submission/detail.vue
index cc7e988..5cdb841 100644
--- a/src/oj/submission/detail.vue
+++ b/src/oj/submission/detail.vue
@@ -13,8 +13,8 @@ import {
   copyToClipboard,
 } from "utils/functions"
 import { Submission } from "utils/types"
-import SubmissionResultTag from "~/shared/components/SubmissionResultTag.vue"
-import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
+import SubmissionResultTag from "shared/components/SubmissionResultTag.vue"
+import { isDesktop, isMobile } from "shared/composables/breakpoints"
 
 const props = defineProps<{
   submissionID: string
diff --git a/src/oj/submission/list.vue b/src/oj/submission/list.vue
index 8aa2ba7..d1ecbf6 100644
--- a/src/oj/submission/list.vue
+++ b/src/oj/submission/list.vue
@@ -4,18 +4,18 @@ import { useRouteQuery } from "@vueuse/router"
 import { adminRejudge, getSubmissions, getTodaySubmissionCount } from "oj/api"
 import { parseTime } from "utils/functions"
 import { LANGUAGE, SubmissionListItem } from "utils/types"
-import Pagination from "~/shared/components/Pagination.vue"
-import SubmissionResultTag from "~/shared/components/SubmissionResultTag.vue"
-import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
-import { usePagination } from "~/shared/composables/pagination"
-import { useUserStore } from "~/shared/store/user"
-import { LANGUAGE_SHOW_VALUE } from "~/utils/constants"
-import { renderTableTitle } from "~/utils/renders"
+import Pagination from "shared/components/Pagination.vue"
+import SubmissionResultTag from "shared/components/SubmissionResultTag.vue"
+import { isDesktop, isMobile } from "shared/composables/breakpoints"
+import { usePagination } from "shared/composables/pagination"
+import { useUserStore } from "shared/store/user"
+import { LANGUAGE_SHOW_VALUE } from "utils/constants"
+import { renderTableTitle } from "utils/renders"
 import ButtonWithSearch from "./components/ButtonWithSearch.vue"
-import StatisticsPanel from "~/shared/components/StatisticsPanel.vue"
+import StatisticsPanel from "shared/components/StatisticsPanel.vue"
 import SubmissionLink from "./components/SubmissionLink.vue"
 import SubmissionDetail from "./detail.vue"
-import IconButton from "~/shared/components/IconButton.vue"
+import IconButton from "shared/components/IconButton.vue"
 
 interface SubmissionQuery {
   username: string
diff --git a/src/oj/user/index.vue b/src/oj/user/index.vue
index 3e6c50b..461dc2f 100644
--- a/src/oj/user/index.vue
+++ b/src/oj/user/index.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
 import { NH2, NH3 } from "naive-ui"
-import { getProfile } from "~/shared/api"
-import { isDesktop } from "~/shared/composables/breakpoints"
-import { durationToDays, parseTime } from "~/utils/functions"
-import { Profile } from "~/utils/types"
+import { getProfile } from "shared/api"
+import { isDesktop } from "shared/composables/breakpoints"
+import { durationToDays, parseTime } from "utils/functions"
+import { Profile } from "utils/types"
 import { getMetrics } from "../api"
 
 const route = useRoute()
diff --git a/src/oj/user/message.vue b/src/oj/user/message.vue
index 4e8f296..c9a0e1e 100644
--- a/src/oj/user/message.vue
+++ b/src/oj/user/message.vue
@@ -45,10 +45,10 @@
 <script lang="ts" setup>
 import { getMessageList } from "oj/api"
 import { JUDGE_STATUS, LANGUAGE_FORMAT_VALUE } from "utils/constants"
-import Copy from "~/shared/components/Copy.vue"
-import Pagination from "~/shared/components/Pagination.vue"
-import { parseTime } from "~/utils/functions"
-import { Message } from "~/utils/types"
+import Copy from "shared/components/Copy.vue"
+import Pagination from "shared/components/Pagination.vue"
+import { parseTime } from "utils/functions"
+import { Message } from "utils/types"
 
 const router = useRouter()
 const messages = ref<Message[]>([])
diff --git a/src/oj/user/setting.vue b/src/oj/user/setting.vue
index 449ab1d..06be145 100644
--- a/src/oj/user/setting.vue
+++ b/src/oj/user/setting.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { updateProfile, uploadAvatar } from "oj/api"
-import { useUserStore } from "~/shared/store/user"
+import { useUserStore } from "shared/store/user"
 
 const userStore = useUserStore()
 const message = useMessage()
diff --git a/src/routes.ts b/src/routes.ts
index bbf3be1..6978bba 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -3,7 +3,7 @@ import { registerChart } from "./utils/registerChart"
 
 export const ojs: RouteRecordRaw = {
   path: "/",
-  component: () => import("~/shared/layout/default.vue"),
+  component: () => import("shared/layout/default.vue"),
   children: [
     { path: "", component: () => import("oj/problem/list.vue") },
     {
@@ -104,12 +104,12 @@ export const ojs: RouteRecordRaw = {
 
 export const admins: RouteRecordRaw = {
   path: "/admin",
-  component: () => import("~/shared/layout/admin.vue"),
+  component: () => import("shared/layout/admin.vue"),
   children: [
     {
       path: "",
       name: "admin home",
-      component: () => import("~/admin/setting/home.vue"),
+      component: () => import("admin/setting/home.vue"),
       meta: { requiresSuperAdmin: true },
     },
     {
@@ -127,7 +127,7 @@ export const admins: RouteRecordRaw = {
     {
       path: "user/generate",
       name: "admin user generate",
-      component: () => import("~/admin/user/generate.vue"),
+      component: () => import("admin/user/generate.vue"),
       meta: { requiresSuperAdmin: true },
     },
     // admin和super_admin都可以访问的路由 (需要题目权限)
diff --git a/src/shared/api.ts b/src/shared/api.ts
index 8f6845e..8cc4665 100644
--- a/src/shared/api.ts
+++ b/src/shared/api.ts
@@ -1,5 +1,5 @@
 import http from "utils/http"
-import { Profile, Tag } from "~/utils/types"
+import { Profile, Tag } from "utils/types"
 
 export function login(data: { username: string; password: string }) {
   return http.post("login", data)
diff --git a/src/shared/components/AuthorSelect.vue b/src/shared/components/AuthorSelect.vue
index 86f59e6..e2b2345 100644
--- a/src/shared/components/AuthorSelect.vue
+++ b/src/shared/components/AuthorSelect.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import { getAuthors } from "~/oj/api"
+import { getAuthors } from "oj/api"
 
 interface Props {
   all?: boolean
diff --git a/src/shared/components/CodeEditor.vue b/src/shared/components/CodeEditor.vue
index d310500..01a204f 100644
--- a/src/shared/components/CodeEditor.vue
+++ b/src/shared/components/CodeEditor.vue
@@ -4,7 +4,7 @@ import { python } from "@codemirror/lang-python"
 import { EditorView } from "@codemirror/view"
 import { Codemirror } from "vue-codemirror"
 import type { Extension } from "@codemirror/state"
-import { LANGUAGE } from "~/utils/types"
+import { LANGUAGE } from "utils/types"
 import { oneDark } from "../themes/oneDark"
 import { smoothy } from "../themes/smoothy"
 
diff --git a/src/shared/components/ContestType.vue b/src/shared/components/ContestType.vue
index 956a779..ce0f896 100644
--- a/src/shared/components/ContestType.vue
+++ b/src/shared/components/ContestType.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ContestType } from "~/utils/constants"
-import { Contest } from "~/utils/types"
+import { ContestType } from "utils/constants"
+import { Contest } from "utils/types"
 
 interface Props {
   contest: Contest
diff --git a/src/shared/components/Copy.vue b/src/shared/components/Copy.vue
index b501729..57192bd 100644
--- a/src/shared/components/Copy.vue
+++ b/src/shared/components/Copy.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
-import { copyToClipboard } from "~/utils/functions"
+import { copyToClipboard } from "utils/functions"
 
 defineProps<{ value: string }>()
 const [copied, toggle] = useToggle()
diff --git a/src/shared/components/Header.vue b/src/shared/components/Header.vue
index 4fb7bff..d9fc2c1 100644
--- a/src/shared/components/Header.vue
+++ b/src/shared/components/Header.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
 import { RouterLink } from "vue-router"
-import { isDesktop, isMobile } from "~/shared/composables/breakpoints"
-import { toggleLogin, toggleSignup } from "~/shared/composables/modal"
-import { screenMode, switchScreenMode } from "~/shared/composables/switchScreen"
-import { avatar } from "~/utils/constants"
+import { isDesktop, isMobile } from "shared/composables/breakpoints"
+import { toggleLogin, toggleSignup } from "shared/composables/modal"
+import { screenMode, switchScreenMode } from "shared/composables/switchScreen"
+import { avatar } from "utils/constants"
 import { logout } from "../api"
 import { useConfigStore } from "../store/config"
 import { useUserStore } from "../store/user"
diff --git a/src/shared/components/Pagination.vue b/src/shared/components/Pagination.vue
index 9536704..8e59936 100644
--- a/src/shared/components/Pagination.vue
+++ b/src/shared/components/Pagination.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { isDesktop } from "~/shared/composables/breakpoints"
+import { isDesktop } from "shared/composables/breakpoints"
 
 interface Props {
   total: number
diff --git a/src/shared/components/SyncCodeEditor.vue b/src/shared/components/SyncCodeEditor.vue
index 6f6c4b2..4c4062d 100644
--- a/src/shared/components/SyncCodeEditor.vue
+++ b/src/shared/components/SyncCodeEditor.vue
@@ -4,7 +4,7 @@ import { python } from "@codemirror/lang-python"
 import { EditorView } from "@codemirror/view"
 import { Codemirror } from "vue-codemirror"
 import type { Extension } from "@codemirror/state"
-import { LANGUAGE } from "~/utils/types"
+import { LANGUAGE } from "utils/types"
 import { oneDark } from "../themes/oneDark"
 import { smoothy } from "../themes/smoothy"
 import { useCodeSync, SYNC_ERROR_CODES } from "../composables/sync"
diff --git a/src/shared/components/TextCopy.vue b/src/shared/components/TextCopy.vue
index 98e5b6a..551c561 100644
--- a/src/shared/components/TextCopy.vue
+++ b/src/shared/components/TextCopy.vue
@@ -9,7 +9,7 @@
   </n-tooltip>
 </template>
 <script lang="ts" setup>
-import { copyToClipboard } from "~/utils/functions"
+import { copyToClipboard } from "utils/functions"
 
 const message = useMessage()
 
diff --git a/src/shared/composables/pagination.ts b/src/shared/composables/pagination.ts
index d028cd0..4b4fdca 100644
--- a/src/shared/composables/pagination.ts
+++ b/src/shared/composables/pagination.ts
@@ -1,4 +1,4 @@
-import { filterEmptyValue } from "~/utils/functions"
+import { filterEmptyValue } from "utils/functions"
 
 export interface PaginationQuery {
   page: number
diff --git a/src/shared/composables/switchScreen.ts b/src/shared/composables/switchScreen.ts
index f9380f2..555f323 100644
--- a/src/shared/composables/switchScreen.ts
+++ b/src/shared/composables/switchScreen.ts
@@ -1,4 +1,4 @@
-import { ScreenMode } from "~/utils/constants"
+import { ScreenMode } from "utils/constants"
 
 export const { state: screenMode, next: switchScreenMode } = useCycleList(
   Object.values(ScreenMode),
diff --git a/src/shared/layout/admin.vue b/src/shared/layout/admin.vue
index ec11c55..076a3a1 100644
--- a/src/shared/layout/admin.vue
+++ b/src/shared/layout/admin.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { RouterLink } from "vue-router"
-import { STORAGE_KEY } from "~/utils/constants"
-import storage from "~/utils/storage"
+import { STORAGE_KEY } from "utils/constants"
+import storage from "utils/storage"
 import { useUserStore } from "../store/user"
 
 const route = useRoute()
diff --git a/src/shared/store/config.ts b/src/shared/store/config.ts
index a8c5d83..35fb5d8 100644
--- a/src/shared/store/config.ts
+++ b/src/shared/store/config.ts
@@ -1,5 +1,5 @@
-import { getWebsiteConfig } from "~/oj/api"
-import { WebsiteConfig } from "~/utils/types"
+import { getWebsiteConfig } from "oj/api"
+import { WebsiteConfig } from "utils/types"
 
 export const useConfigStore = defineStore("config", () => {
   const config = ref<WebsiteConfig>({
diff --git a/src/shared/store/user.ts b/src/shared/store/user.ts
index 208efb7..320f9e9 100644
--- a/src/shared/store/user.ts
+++ b/src/shared/store/user.ts
@@ -1,6 +1,6 @@
 import { PROBLEM_PERMISSION, STORAGE_KEY, USER_TYPE } from "utils/constants"
 import storage from "utils/storage"
-import { Profile, User } from "~/utils/types"
+import { Profile, User } from "utils/types"
 import { getProfile } from "../api"
 import { useConfigStore } from "./config"
 
diff --git a/src/utils/permissions.ts b/src/utils/permissions.ts
index f0cc2cc..658b9a0 100644
--- a/src/utils/permissions.ts
+++ b/src/utils/permissions.ts
@@ -1,4 +1,4 @@
-import { useUserStore } from "~/shared/store/user"
+import { useUserStore } from "shared/store/user"
 
 /**
  * 权限检查工具函数
diff --git a/tsconfig.json b/tsconfig.json
index 4b8b232..06eb94a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,13 +13,13 @@
     "skipLibCheck": true,
     "noEmit": true,
     "paths": {
-      "~/*": ["./src/*"],
+      "shared/*": ["./src/shared/*"],
       "utils/*": ["./src/utils/*"],
       "oj/*": ["./src/oj/*"],
       "admin/*": ["./src/admin/*"],
     },
     "types": ["naive-ui/volar"]
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }