添加路由

src/App.vue

@@ -1,8 +1,5 @@
 <script setup lang="ts">
 import { dateZhCN, zhCN } from "naive-ui"
-import Editors from "./components/Editors.vue"
-import Preview from "./components/Preview.vue"
-import Tutorial from "./components/Tutorial.vue"
 import { useMagicKeys, whenever } from "@vueuse/core"
 
 const { ctrl_s } = useMagicKeys({
@@ -28,21 +25,7 @@ whenever(ctrl_r, () => {})
     :locale="zhCN"
     :date-locale="dateZhCN"
   >
-    <n-split :default-size="1 / 3" min="300px" max="800px">
-      <template #1>
-        <Tutorial />
-      </template>
-      <template #2>
-        <n-split direction="vertical" min="200px">
-          <template #1>
-            <Editors />
-          </template>
-          <template #2>
-            <Preview />
-          </template>
-        </n-split>
-      </template>
-    </n-split>
+    <router-view></router-view>
   </n-config-provider>
 </template>
 <style scoped>