diff --git a/.vscode/settings.json b/.vscode/settings.json
index e019176..6e5623c 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,7 +1,6 @@
 {
   "eslint.useFlatConfig": true,
   "prettier.bracketSameLine": true,
-  "prettier.requireConfig": true,
   "prettier.semi": false,
   "prettier.singleAttributePerLine": true,
   "prettier.singleQuote": true
diff --git a/components/app/Topbar.vue b/components/app/Topbar.vue
index de6f788..cd03d9c 100644
--- a/components/app/Topbar.vue
+++ b/components/app/Topbar.vue
@@ -30,7 +30,7 @@ export const topbarNavDefaults = [
   },
   {
     title: 'AI 备课',
-    to: '/course/prepare',
+    to: '/course/prep/',
     icon: 'tabler:clipboard-list',
   },
   {
diff --git a/pages/course/[id].vue b/pages/course/[id].vue
index 043ac32..92063bb 100644
--- a/pages/course/[id].vue
+++ b/pages/course/[id].vue
@@ -11,8 +11,6 @@ const {
 } = useRoute()
 const router = useRouter()
 
-// const course = await getCourseDetail(id as string);
-
 const {
   data: course,
   status: courseStatus,
@@ -73,6 +71,12 @@ onMounted(() => {
     router.replace(`/course/${id}/chapters`)
   }
 })
+
+watch(() => useRoute().fullPath, (newPath) => {
+  if (newPath === `/course/${id}`) {
+    router.replace(`/course/${id}/chapters`)
+  }
+})
 </script>
 
 <template>
diff --git a/pages/course/prep/config.ts b/pages/course/prep/config.ts
new file mode 100644
index 0000000..3647033
--- /dev/null
+++ b/pages/course/prep/config.ts
@@ -0,0 +1,26 @@
+export const nav = [
+  {
+    items: [
+      {
+        title: 'AI 教学设计',
+        url: '/course/prep/teach',
+        icon: 'tabler:calendar-cog',
+      },
+      {
+        title: 'AI 课件设计',
+        url: '/course/prep/deck',
+        icon: 'tabler:book-2',
+      },
+      {
+        title: 'AI 出题',
+        url: '/course/prep/quiz',
+        icon: 'tabler:notebook',
+      },
+      {
+        title: '微视频制作',
+        url: '/course/prep/test',
+        icon: 'tabler:video',
+      },
+    ],
+  },
+]
diff --git a/pages/course/prep/deck.vue b/pages/course/prep/deck.vue
new file mode 100644
index 0000000..e274a3e
--- /dev/null
+++ b/pages/course/prep/deck.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { nav } from './config'
+
+definePageMeta({
+  requiresAuth: true,
+})
+</script>
+
+<template>
+  <AppPageWithSidebar :sidebar-nav="nav">
+    <h1>deck</h1>
+  </AppPageWithSidebar>
+</template>
+
+<style scoped></style>
diff --git a/pages/course/prep/index.vue b/pages/course/prep/index.vue
new file mode 100644
index 0000000..cc8c6c0
--- /dev/null
+++ b/pages/course/prep/index.vue
@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+definePageMeta({
+  redirect: {
+    name: 'course-prep-teach',
+  },
+})
+</script>
diff --git a/pages/course/prep/quiz.vue b/pages/course/prep/quiz.vue
new file mode 100644
index 0000000..f3c608b
--- /dev/null
+++ b/pages/course/prep/quiz.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { nav } from './config'
+
+definePageMeta({
+  requiresAuth: true,
+})
+</script>
+
+<template>
+  <AppPageWithSidebar :sidebar-nav="nav">
+    <h1>quiz</h1>
+  </AppPageWithSidebar>
+</template>
+
+<style scoped></style>
diff --git a/pages/course/prep/teach.vue b/pages/course/prep/teach.vue
new file mode 100644
index 0000000..2334d4d
--- /dev/null
+++ b/pages/course/prep/teach.vue
@@ -0,0 +1,19 @@
+<script lang="ts" setup>
+import { nav } from './config'
+
+definePageMeta({
+  requiresAuth: true,
+})
+
+useHead({
+  title: 'AI 教学设计 | 备课',
+})
+</script>
+
+<template>
+  <AppPageWithSidebar :sidebar-nav="nav">
+    <h1>teach</h1>
+  </AppPageWithSidebar>
+</template>
+
+<style scoped></style>
diff --git a/pages/course/prepare/index.vue b/pages/course/prepare/index.vue
deleted file mode 100644
index 57be229..0000000
--- a/pages/course/prepare/index.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script lang="ts" setup>
-import { Settings } from 'lucide-vue-next'
-
-definePageMeta({
-  requiresAuth: true,
-})
-
-const nav = [
-  {
-    items: [
-      {
-        title: 'AI 教案设计',
-        url: '/test',
-        icon: Settings,
-      },
-      {
-        title: 'AI 案例设计',
-        url: '/test',
-        icon: 'tabler:settings',
-      },
-      {
-        title: 'AI 课件设计',
-        url: '/test',
-        icon: 'tabler:settings',
-      },
-      {
-        title: 'AI 出题',
-        url: '/test',
-        icon: 'tabler:settings',
-      },
-      {
-        title: '微视频制作',
-        url: '/test',
-        icon: 'tabler:settings',
-      },
-    ],
-  },
-]
-</script>
-
-<template>
-  <AppPageWithSidebar :sidebar-nav="nav">
-    <h1>Prepare</h1>
-  </AppPageWithSidebar>
-</template>
-
-<style scoped></style>