diff --git a/site/package.json b/site/package.json
index 0d38cfbe4..c67a0bcd7 100644
--- a/site/package.json
+++ b/site/package.json
@@ -21,8 +21,7 @@
     "eslint": "^8.56.0",
     "nuxt": "^3.10.0",
     "sass": "^1.70.0",
-    "typescript": "^5.3.3",
-    "vue": "^3.4.15"
+    "typescript": "^5.3.3"
   },
   "dependencies": {
     "@pinia/nuxt": "^0.5.1",
diff --git a/site/pnpm-lock.yaml b/site/pnpm-lock.yaml
index f3f94a03a..c4a373eae 100644
--- a/site/pnpm-lock.yaml
+++ b/site/pnpm-lock.yaml
@@ -58,9 +58,6 @@ devDependencies:
   typescript:
     specifier: ^5.3.3
     version: 5.3.3
-  vue:
-    specifier: ^3.4.15
-    version: 3.4.15(typescript@5.3.3)
 
 packages:
 
diff --git a/site/src/layouts/topics.vue b/site/src/layouts/topics.vue
deleted file mode 100644
index da7783e45..000000000
--- a/site/src/layouts/topics.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <div>
-    <MyHeader />
-
-    <section class="main">
-      <div class="container main-container left-main size-320">
-        <div class="left-container">
-          <div class="main-content no-padding no-bg topics-wrapper">
-            <div class="topics-nav">
-              <topics-nav />
-            </div>
-            <slot />
-          </div>
-        </div>
-        <div class="right-container">
-          <check-in />
-          <site-notice />
-          <score-rank />
-          <friend-links />
-        </div>
-      </div>
-    </section>
-
-    <MyFooter />
-  </div>
-</template>
-
-<script setup></script>
-
-<style lang="scss" scoped></style>
diff --git a/site/src/pages/index.vue b/site/src/pages/index.vue
index 1e3fa70bc..6e18fe7fe 100644
--- a/site/src/pages/index.vue
+++ b/site/src/pages/index.vue
@@ -1,18 +1,32 @@
+<template>
+  <section class="main">
+    <div class="container main-container left-main size-320">
+      <div class="left-container">
+        <div class="main-content no-padding no-bg topics-wrapper">
+          <div class="topics-nav">
+            <topics-nav />
+          </div>
+          <div class="topics-main">
+            <load-more-async v-slot="{ results }" url="/api/topic/topics">
+              <topic-list :topics="results" show-sticky />
+            </load-more-async>
+          </div>
+        </div>
+      </div>
+      <div class="right-container">
+        <check-in />
+        <site-notice />
+        <score-rank />
+        <friend-links />
+      </div>
+    </div>
+  </section>
+</template>
+
 <script setup>
-definePageMeta({
-  layout: "topics",
-});
 useHead({
   title: useSiteTitle(),
 });
 </script>
 
-<template>
-  <div class="topics-main">
-    <load-more-async v-slot="{ results }" url="/api/topic/topics">
-      <topic-list :topics="results" show-sticky />
-    </load-more-async>
-  </div>
-</template>
-
 <style scoped></style>
diff --git a/site/src/pages/topics/index.vue b/site/src/pages/topics/index.vue
index bde0f044b..b77330f3f 100644
--- a/site/src/pages/topics/index.vue
+++ b/site/src/pages/topics/index.vue
@@ -1,15 +1,29 @@
 <template>
-  <div class="topics-main">
-    <load-more-async v-slot="{ results }" url="/api/topic/topics">
-      <topic-list :topics="results" show-sticky />
-    </load-more-async>
-  </div>
+  <section class="main">
+    <div class="container main-container left-main size-320">
+      <div class="left-container">
+        <div class="main-content no-padding no-bg topics-wrapper">
+          <div class="topics-nav">
+            <topics-nav />
+          </div>
+          <div class="topics-main">
+            <load-more-async v-slot="{ results }" url="/api/topic/topics">
+              <topic-list :topics="results" show-sticky />
+            </load-more-async>
+          </div>
+        </div>
+      </div>
+      <div class="right-container">
+        <check-in />
+        <site-notice />
+        <score-rank />
+        <friend-links />
+      </div>
+    </div>
+  </section>
 </template>
 
 <script setup>
-definePageMeta({
-  layout: "topics",
-});
 useHead({
   title: useSiteTitle("话题"),
 });
diff --git a/site/src/pages/topics/node/[id].vue b/site/src/pages/topics/node/[id].vue
index 70912b143..372c85ab5 100644
--- a/site/src/pages/topics/node/[id].vue
+++ b/site/src/pages/topics/node/[id].vue
@@ -1,19 +1,33 @@
 <template>
-  <div class="topics-main">
-    <load-more-async
-      v-slot="{ results }"
-      url="/api/topic/topics"
-      :params="{ nodeId: nodeId }"
-    >
-      <topic-list :topics="results" show-sticky />
-    </load-more-async>
-  </div>
+  <section class="main">
+    <div class="container main-container left-main size-320">
+      <div class="left-container">
+        <div class="main-content no-padding no-bg topics-wrapper">
+          <div class="topics-nav">
+            <topics-nav />
+          </div>
+          <div class="topics-main">
+            <load-more-async
+              v-slot="{ results }"
+              url="/api/topic/topics"
+              :params="{ nodeId: nodeId }"
+            >
+              <topic-list :topics="results" show-sticky />
+            </load-more-async>
+          </div>
+        </div>
+      </div>
+      <div class="right-container">
+        <check-in />
+        <site-notice />
+        <score-rank />
+        <friend-links />
+      </div>
+    </div>
+  </section>
 </template>
 
 <script setup>
-definePageMeta({
-  layout: "topics",
-});
 const route = useRoute();
 
 let nodeId = Number.parseInt(route.params.id) || 0;
diff --git a/site/src/pages/topics/tag/[id].vue b/site/src/pages/topics/tag/[id].vue
index 5064e56a9..a4dd2167c 100644
--- a/site/src/pages/topics/tag/[id].vue
+++ b/site/src/pages/topics/tag/[id].vue
@@ -1,13 +1,30 @@
 <template>
-  <div class="topics-main">
-    <load-more-async
-      v-slot="{ results }"
-      url="/api/topic/tag/topics"
-      :params="{ tagId: tagId }"
-    >
-      <topic-list :topics="results" />
-    </load-more-async>
-  </div>
+  <section class="main">
+    <div class="container main-container left-main size-320">
+      <div class="left-container">
+        <div class="main-content no-padding no-bg topics-wrapper">
+          <div class="topics-nav">
+            <topics-nav />
+          </div>
+          <div class="topics-main">
+            <load-more-async
+              v-slot="{ results }"
+              url="/api/topic/tag/topics"
+              :params="{ tagId: tagId }"
+            >
+              <topic-list :topics="results" />
+            </load-more-async>
+          </div>
+        </div>
+      </div>
+      <div class="right-container">
+        <check-in />
+        <site-notice />
+        <score-rank />
+        <friend-links />
+      </div>
+    </div>
+  </section>
 </template>
 
 <script setup>
@@ -15,9 +32,6 @@ const route = useRoute();
 const tagId = route.params.id;
 const { data: tag } = await useAsyncData(() => useMyFetch(`/api/tag/${tagId}`));
 
-definePageMeta({
-  layout: "topics",
-});
 useHead({
   title: useSiteTitle(tag.value.name, "话题"),
   meta: [