diff --git a/theme/src/client/components/DocOutlineItem.vue b/theme/src/client/components/Nav/DocOutlineItem.vue
similarity index 100%
rename from theme/src/client/components/DocOutlineItem.vue
rename to theme/src/client/components/Nav/DocOutlineItem.vue
diff --git a/theme/src/client/components/LocalNav.vue b/theme/src/client/components/Nav/LocalNav.vue
similarity index 95%
rename from theme/src/client/components/LocalNav.vue
rename to theme/src/client/components/Nav/LocalNav.vue
index ffec25ed..0842f667 100644
--- a/theme/src/client/components/LocalNav.vue
+++ b/theme/src/client/components/Nav/LocalNav.vue
@@ -4,9 +4,9 @@ import { useWindowScroll } from '@vueuse/core'
 import { computed, onMounted, ref } from 'vue'
 import type {
   PlumeThemePageData,
-} from '../../shared/index.js'
-import { useSidebar, useThemeLocaleData } from '../composables/index.js'
-import IconAlignLeft from './icons/IconAlignLeft.vue'
+} from '../../../shared/index.js'
+import { useSidebar, useThemeLocaleData } from '../../composables/index.js'
+import IconAlignLeft from '../icons/IconAlignLeft.vue'
 import LocalNavOutlineDropdown from './LocalNavOutlineDropdown.vue'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/LocalNavOutlineDropdown.vue b/theme/src/client/components/Nav/LocalNavOutlineDropdown.vue
similarity index 96%
rename from theme/src/client/components/LocalNavOutlineDropdown.vue
rename to theme/src/client/components/Nav/LocalNavOutlineDropdown.vue
index 59206313..2f7d5084 100644
--- a/theme/src/client/components/LocalNavOutlineDropdown.vue
+++ b/theme/src/client/components/Nav/LocalNavOutlineDropdown.vue
@@ -2,9 +2,9 @@
 import type { PageHeader } from 'vuepress/client'
 import { onClickOutside } from '@vueuse/core'
 import { nextTick, ref, watch } from 'vue'
-import { useThemeLocaleData } from '../composables/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
+import IconChevronRight from '../icons/IconChevronRight.vue'
 import DocOutlineItem from './DocOutlineItem.vue'
-import IconChevronRight from './icons/IconChevronRight.vue'
 
 const props = defineProps<{
   headers: PageHeader[]
diff --git a/theme/src/client/layouts/Layout.vue b/theme/src/client/layouts/Layout.vue
index fceb4089..f126eb2a 100644
--- a/theme/src/client/layouts/Layout.vue
+++ b/theme/src/client/layouts/Layout.vue
@@ -7,7 +7,7 @@ import Blog from '../components/Blog/Blog.vue'
 import Friends from '../components/Friends.vue'
 import Home from '../components/Home.vue'
 import LayoutContent from '../components/LayoutContent.vue'
-import LocalNav from '../components/LocalNav.vue'
+import LocalNav from '../components/Nav/LocalNav.vue'
 import Nav from '../components/Nav/index.vue'
 import Page from '../components/Page.vue'
 import Sidebar from '../components/Sidebar.vue'