feat(site): add theme generator (#775)

* feat(site): add theme generator

* chore: prerelease

* chore: update common

.eslintrc

@@ -99,12 +99,7 @@
     "@typescript-eslint/no-empty-function": 0,
     "@typescript-eslint/ban-ts-comment": 0,
     "@typescript-eslint/semi": ["error"],
-    "import/no-extraneous-dependencies": [
-      "error",
-      {
-        "devDependencies": true
-      }
-    ],
+    "import/no-extraneous-dependencies": 0,
     "import/no-dynamic-require": 0,
     "global-require": 0,
     "no-constant-condition": [

package.json

@@ -167,6 +167,7 @@
     "tdesign-icons-view": "~0.1.0",
     "tdesign-publish-cli": "^0.0.9",
     "tdesign-site-components": "^0.9.11",
+    "tdesign-theme-generator": "^0.1.0",
     "ts-jest": "^27.1.2",
     "typescript": "~4.5.4",
     "unplugin-vue2-script-setup": "^0.10.2",

site/src/App.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <router-view />
+    <tdesign-theme-generator />
   </div>
 </template>
 

site/src/main.js

@@ -22,6 +22,9 @@ import 'tdesign-site-components/lib/styles/prism-theme-dark.less';
 // import icons webcomponents
 import 'tdesign-icons-view';
 
+// 主题生成器挂件
+import 'tdesign-theme-generator';
+
 Vue.use(TDesign);
 Vue.use(VueRouter);