diff --git a/src/components/base/BaseButton.vue b/src/components/Base/BaseButton.vue
similarity index 100%
rename from src/components/base/BaseButton.vue
rename to src/components/Base/BaseButton.vue
diff --git a/src/components/base/BaseDocumentView.vue b/src/components/Base/BaseDocumentView.vue
similarity index 100%
rename from src/components/base/BaseDocumentView.vue
rename to src/components/Base/BaseDocumentView.vue
diff --git a/src/components/base/BaseListItem.vue b/src/components/Base/BaseListItem.vue
similarity index 100%
rename from src/components/base/BaseListItem.vue
rename to src/components/Base/BaseListItem.vue
diff --git a/src/components/base/BaseRowCard.vue b/src/components/Base/BaseRowCard.vue
similarity index 100%
rename from src/components/base/BaseRowCard.vue
rename to src/components/Base/BaseRowCard.vue
diff --git a/src/components/base/BaseScrollArea.vue b/src/components/Base/BaseScrollArea.vue
similarity index 100%
rename from src/components/base/BaseScrollArea.vue
rename to src/components/Base/BaseScrollArea.vue
diff --git a/src/components/help/HelpDialog.vue b/src/components/Dialog/HelpDialog/HelpDialog.vue
similarity index 95%
rename from src/components/help/HelpDialog.vue
rename to src/components/Dialog/HelpDialog/HelpDialog.vue
index 44e901dd78..20c2d68e6f 100644
--- a/src/components/help/HelpDialog.vue
+++ b/src/components/Dialog/HelpDialog/HelpDialog.vue
@@ -77,12 +77,12 @@
 
 <script setup lang="ts">
 import { computed, ref, type Component } from "vue";
-import BaseScrollArea from "../base/BaseScrollArea.vue";
-import BaseListItem from "../base/BaseListItem.vue";
-import MarkdownView from "../template/HelpMarkdownViewSection.vue";
-import OssLicense from "../template/HelpOssLicenseSection.vue";
-import UpdateInfo from "../template/HelpUpdateInfoSection.vue";
-import LibraryPolicy from "../template/HelpLibraryPolicySection.vue";
+import MarkdownView from "./HelpMarkdownViewSection.vue";
+import OssLicense from "./HelpOssLicenseSection.vue";
+import UpdateInfo from "./HelpUpdateInfoSection.vue";
+import LibraryPolicy from "./HelpLibraryPolicySection.vue";
+import BaseListItem from "@/components/Base/BaseListItem.vue";
+import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import { UpdateInfo as UpdateInfoObject } from "@/type/preload";
 import { useStore } from "@/store";
 import { useFetchNewUpdateInfos } from "@/composables/useFetchNewUpdateInfos";
diff --git a/src/components/template/HelpLibraryPolicySection.vue b/src/components/Dialog/HelpDialog/HelpLibraryPolicySection.vue
similarity index 94%
rename from src/components/template/HelpLibraryPolicySection.vue
rename to src/components/Dialog/HelpDialog/HelpLibraryPolicySection.vue
index 77de3ceb4f..ee80992b17 100644
--- a/src/components/template/HelpLibraryPolicySection.vue
+++ b/src/components/Dialog/HelpDialog/HelpLibraryPolicySection.vue
@@ -68,10 +68,10 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import BaseRowCard from "../base/BaseRowCard.vue";
-import BaseScrollArea from "../base/BaseScrollArea.vue";
-import BaseButton from "../base/BaseButton.vue";
-import BaseDocumentView from "../base/BaseDocumentView.vue";
+import BaseRowCard from "@/components/Base/BaseRowCard.vue";
+import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
+import BaseButton from "@/components/Base/BaseButton.vue";
+import BaseDocumentView from "@/components/Base/BaseDocumentView.vue";
 import { useStore } from "@/store";
 import { useMarkdownIt } from "@/plugins/markdownItPlugin";
 import { EngineId, SpeakerId } from "@/type/preload";
diff --git a/src/components/template/HelpMarkdownViewSection.vue b/src/components/Dialog/HelpDialog/HelpMarkdownViewSection.vue
similarity index 89%
rename from src/components/template/HelpMarkdownViewSection.vue
rename to src/components/Dialog/HelpDialog/HelpMarkdownViewSection.vue
index 49cb20667a..9a3ffa5406 100644
--- a/src/components/template/HelpMarkdownViewSection.vue
+++ b/src/components/Dialog/HelpDialog/HelpMarkdownViewSection.vue
@@ -13,8 +13,8 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
-import BaseDocumentView from "../base/BaseDocumentView.vue";
-import BaseScrollArea from "../base/BaseScrollArea.vue";
+import BaseDocumentView from "@/components/Base/BaseDocumentView.vue";
+import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import { useMarkdownIt } from "@/plugins/markdownItPlugin";
 
 const props =
diff --git a/src/components/template/HelpOssLicenseSection.vue b/src/components/Dialog/HelpDialog/HelpOssLicenseSection.vue
similarity index 91%
rename from src/components/template/HelpOssLicenseSection.vue
rename to src/components/Dialog/HelpDialog/HelpOssLicenseSection.vue
index 3cee72e51a..db41cd6a3c 100644
--- a/src/components/template/HelpOssLicenseSection.vue
+++ b/src/components/Dialog/HelpDialog/HelpOssLicenseSection.vue
@@ -39,9 +39,9 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
-import BaseRowCard from "../base/BaseRowCard.vue";
-import BaseButton from "../base/BaseButton.vue";
-import BaseScrollArea from "../base/BaseScrollArea.vue";
+import BaseRowCard from "@/components/Base/BaseRowCard.vue";
+import BaseButton from "@/components/Base/BaseButton.vue";
+import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 
 const props =
   defineProps<{
diff --git a/src/components/template/HelpUpdateInfoSection.vue b/src/components/Dialog/HelpDialog/HelpUpdateInfoSection.vue
similarity index 94%
rename from src/components/template/HelpUpdateInfoSection.vue
rename to src/components/Dialog/HelpDialog/HelpUpdateInfoSection.vue
index b5f9a6e8dc..07969f064f 100644
--- a/src/components/template/HelpUpdateInfoSection.vue
+++ b/src/components/Dialog/HelpDialog/HelpUpdateInfoSection.vue
@@ -43,8 +43,8 @@
 </template>
 
 <script setup lang="ts">
-import BaseScrollArea from "../base/BaseScrollArea.vue";
-import BaseDocumentView from "../base/BaseDocumentView.vue";
+import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
+import BaseDocumentView from "@/components/Base/BaseDocumentView.vue";
 import { UpdateInfo } from "@/type/preload";
 
 const props =
diff --git a/src/views/EditorHome.vue b/src/views/EditorHome.vue
index 9b0585917f..90bddcdcb3 100644
--- a/src/views/EditorHome.vue
+++ b/src/views/EditorHome.vue
@@ -196,7 +196,7 @@ import AudioCell from "@/components/AudioCell.vue";
 import AudioDetail from "@/components/AudioDetail.vue";
 import AudioInfo from "@/components/AudioInfo.vue";
 import MenuBar from "@/components/MenuBar.vue";
-import HelpDialog from "@/components/help/HelpDialog.vue";
+import HelpDialog from "@/components/Dialog/HelpDialog/HelpDialog.vue";
 import SettingDialog from "@/components/SettingDialog.vue";
 import HotkeySettingDialog from "@/components/HotkeySettingDialog.vue";
 import HeaderBarCustomDialog from "@/components/HeaderBarCustomDialog.vue";