docs: 文档优化

Author: cloudcome

Diff for: packages/docs/client.d.ts

@@ -1,4 +1,4 @@
-declare module 'virtual:react-app' {
+declare module 'virtual:react-pages' {
   import type { RouteObject } from 'react-router-dom';
 
   export const routes: RouteObject[];

Diff for: packages/docs/package.json

@@ -9,7 +9,8 @@
   "main": "index.js",
   "scripts": {
     "dev": "vite dev",
-    "build": "vite build",
+    "build": "NODE_ENV=production vite build",
+    "preview": "vite preview",
     "lint:type": "tsc --noEmit"
   },
   "dependencies": {

Diff for: packages/docs/src/App.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import type { PropsWithChildren } from 'react';
 import { NavLink, useRoutes } from 'react-router-dom';
-import { routes } from 'virtual:react-app';
+import { routes } from 'virtual:react-pages';
 import SvgIcon from './icons/SvgIcon';
 
 function A({ children, to }: PropsWithChildren<{ to: string }>) {

Diff for: packages/docs/src/icons/unplugin.svg

@@ -5,28 +5,28 @@ export default function Page() {
   return (
     <div className="flex grow-1 flex-col items-center gap-20">
       <div className="flex flex-col items-center gap-10 pt-15">
-        <div className="flex items-center gap-4 text-8 text-blue-6">一个基于文件系统</div>
+        <div className="flex items-center gap-4 text-6 text-blue-6">一个基于文件系统</div>
 
         <div className="grid grid-cols-3 place-items-center items-center gap-4">
           <div className="flex flex-col items-center justify-between gap-5">
             <SvgIcon className="h-30 w-30" icon="react" />
-            <span className="text-10 text-#007398">React 应用</span>
+            <span className="text-8 text-#007398">React 应用</span>
           </div>
           <span className="text-8 text-gray">×</span>
           <div className="flex flex-col items-center justify-between gap-5">
             <SvgIcon className="h-30 w-30" icon="react-router" />
-            <span className="text-10 text-#D30019">React Router</span>
+            <span className="text-8 text-#D30019">React Router</span>
           </div>
         </div>
 
         <div className="flex flex-col items-center justify-between gap-5">
-          <SvgIcon className="h-20 w-20" icon="vite" />
-          <span className="text-8 text-#BE32F7">Vite 插件</span>
+          <SvgIcon className="h-20 w-20" icon="unplugin" />
+          <span className="text-8 text-#BE32F7">通用插件</span>
         </div>
       </div>
 
       <Link
-        to="/docs/quick-start"
+        to="/docs"
         className="rounded-2 bg-gray-1 px-10 py-5 text-6 text-gray-8 decoration-none transition-background-color duration-300 hover:bg-gray-2 hover:text-gray-7"
       >
         快速开始