doc: add theme-editor

Author: tangjinzhou

site/src/components/header.jsx

@@ -1,15 +1,15 @@
 <template>
   <div>
-    <HeaderCom :name="name" />
+    <HeaderCom />
     <div style="padding: 20px; margin: 0 auto; width: 960px">
-      <router-view />
+      <slot></slot>
     </div>
     <FooterCom />
   </div>
 </template>
 
 <script>
-import Header from '../components/header';
+import Header from './header/index.vue';
 import Footer from './Footer.vue';
 import NProgress from 'nprogress';
 export default {

site/src/layouts/BaseLayout.vue

@@ -172,6 +172,14 @@ const routes = [
       { path: '', redirect: '/docs/vue/introduce/' },
     ],
   },
+  {
+    path: '/theme-editor',
+    component: () => import('../views/theme-editor/index.vue'),
+  },
+  {
+    path: '/theme-editor-cn',
+    component: () => import('../views/theme-editor/index.vue'),
+  },
   { path: '/debugger', component: () => import('../../debugger') },
   { path: '/:lang(.*)', redirect: '/components/overview' },
 ];

site/src/router/index.js

@@ -0,0 +1,8 @@
+<template>
+  <layout>
+    <div style="padding: 64px 0; text-align: center">主题编辑器，即将上线，敬请期待</div>
+  </layout>
+</template>
+<script setup lang="ts">
+import Layout from '../../layouts/BaseLayout.vue';
+</script>