create-rue 0.0.7 → 0.0.11

package/template/base/package.json

@@ -13,19 +13,19 @@
     "format-check": "oxfmt --check ."
   },
   "dependencies": {
-    "@rue-js/jsx-runtime": "^0.0.32",
-    "@rue-js/runtime": "^0.0.32",
-    "@rue-js/router": "^0.0.32",
-    "@rue-js/rue": "^0.0.32",
-    "@rue-js/runtime-vapor": "^0.0.32",
+    "@rue-js/jsx-runtime": "^0.0.33",
+    "@rue-js/runtime": "^0.0.33",
+    "@rue-js/router": "^0.0.33",
+    "@rue-js/rue": "^0.0.33",
+    "@rue-js/runtime-vapor": "^0.0.33",
     "oxfmt": "^0.42.0",
     "oxlint": "^1.57.0",
     "daisyui": "^5.5.11"
   },
   "devDependencies": {
     "@swc/core": "^1.15.3",
-    "@rue-js/jsx-dev-runtime": "^0.0.32",
-    "@rue-js/vite-plugin-rue": "^0.0.32",
+    "@rue-js/jsx-dev-runtime": "^0.0.33",
+    "@rue-js/vite-plugin-rue": "^0.0.33",
     "typescript": "^5.9.3",
     "vite": "^8.0.3",
     "@tailwindcss/typography": "^0.5.19",

package/template/base/pnpm-lock.yaml

@@ -9,20 +9,20 @@ importers:
   .:
     dependencies:
       '@rue-js/jsx-runtime':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/router':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/rue':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/runtime':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/runtime-vapor':
-        specifier: ^0.0.30
-        version: 0.0.30
+        specifier: ^0.0.33
+        version: 0.0.33
       daisyui:
         specifier: ^5.5.11
         version: 5.5.19
@@ -34,11 +34,11 @@ importers:
         version: 1.57.0
     devDependencies:
       '@rue-js/jsx-dev-runtime':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@rue-js/vite-plugin-rue':
-        specifier: ^0.0.30
-        version: 0.0.30(typescript@5.9.3)
+        specifier: ^0.0.33
+        version: 0.0.33(typescript@5.9.3)
       '@swc/core':
         specifier: ^1.15.3
         version: 1.15.21
@@ -439,37 +439,37 @@ packages:
   '@rolldown/pluginutils@1.0.0-rc.12':
     resolution: {integrity: sha512-HHMwmarRKvoFsJorqYlFeFRzXZqCt2ETQlEDOb9aqssrnVBB1/+xgTGtuTrIk5vzLNX1MjMtTf7W9z3tsSbrxw==}
 
-  '@rue-js/jsx-dev-runtime@0.0.30':
-    resolution: {integrity: sha512-GdqrDFa8KnZm2xRg869FVOtiTPh/tzuIi70zGTwJGgAhQ9iCmuGsZy2Rs7Ay2ksXY5GwZ5i190UinCK1rmMU1A==}
+  '@rue-js/jsx-dev-runtime@0.0.33':
+    resolution: {integrity: sha512-GlqCBaa8WDAaegq1p2VxMDp+Leym7Ty+HU9P9ROF3lz1lN9iT5S4f1oCe6/Xcm3+B1eQEiaBNu/2X0QCHrPvUQ==}
 
-  '@rue-js/jsx-runtime@0.0.30':
-    resolution: {integrity: sha512-BFbgC5Rkd7ksRVtWnAuW+jdGwOcELwViYziQB4yMquGh6bZwre5y0wXiSHfNxE0VBRHnim4GtqmXzCz1FpC6rA==}
+  '@rue-js/jsx-runtime@0.0.33':
+    resolution: {integrity: sha512-V0nybkNTwybZZcNGUVBmE+/DwYrHvYhL8Mf1kBm6Qjzr7rprnib7obFKsqZqE7PrJmIYKRbGbzLTEiqg48MkRw==}
 
-  '@rue-js/router@0.0.30':
-    resolution: {integrity: sha512-P//uoQb1KA/FH1yWsCVxf2sJ/fSJuIx9X+awvTneRRiAvqk5f6bwDiITIcUqdv1zah1/oSdqFr/6HkBpC5N/EA==}
+  '@rue-js/router@0.0.33':
+    resolution: {integrity: sha512-fgyggZxjcXpkFReAVT2obWP2TP4dqbbzzttvzBEkUEt7QtnvicI4DZh0TX/g1muN4odtzxl+q0qrnBT8uROC6w==}
 
-  '@rue-js/rue@0.0.30':
-    resolution: {integrity: sha512-4My32Iq3NGASiroKdLvskx46MiOx1ofbnyCTtBqUJ331G/Fosq2CxMPF6K0RfPV6VDAiCM0OhBBLgyHPhBDBEA==}
+  '@rue-js/rue@0.0.33':
+    resolution: {integrity: sha512-jfCjuBZI4axs287OiIiHDRh105uQstpVQYzzLcmw5XiJGlVzqdTq6wM4CBRxMxNGgnNPBwJvoPpVQ+8aqSanwg==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@rue-js/runtime-vapor@0.0.30':
-    resolution: {integrity: sha512-4IyNTaRRdq5VdWF7dIGaiGUyHGat+ByJdyZUOVSYuBpQUbiNn7uXCZB6GJ6/eu8N4vw0uqbChzb3VI6Avi71ZA==}
+  '@rue-js/runtime-vapor@0.0.33':
+    resolution: {integrity: sha512-Jl83+FGh7XRbCM2DZsZOxDX1W5Tyxvxh/0K/Ex0pvnC/9pABVM17p6jtgzOkoVxuenPxXalnn8fzhipjsFWq8Q==}
 
-  '@rue-js/runtime@0.0.30':
-    resolution: {integrity: sha512-iGlbhmrKFxBdPxF+J5XAprLHE6rqwJqNo5dEhhGlrpKB7rsqEl7F/kRzo7tjtRIXArjrIISlnlTqO+kZjpwMVQ==}
+  '@rue-js/runtime@0.0.33':
+    resolution: {integrity: sha512-agL3S4f3xNL7fagLG5AcrM5dlC4WmEAFUl7AYkFlGrIuvA9GrSp9enKHoikaOCUG3ph6OQNY0YbRJ9/wYWzBwQ==}
 
-  '@rue-js/shared@0.0.30':
-    resolution: {integrity: sha512-FVKcUNOIvtkN6CuHvi6478ZXXbJFHwU7LakNERKtKS70mfTAek2HZy2NfMMmeATGOGZmSdJJA8Agjvn7AwzElQ==}
+  '@rue-js/shared@0.0.33':
+    resolution: {integrity: sha512-7R3Beg6NTiZ4bPRQHivdb81GzHf3wDNJUjEtyZHtkABELS1ap/yV8tdAiKL8Hfplsok+SNYpiaaAmp2xKoihYA==}
 
-  '@rue-js/swc-plugin-rue@0.0.30':
-    resolution: {integrity: sha512-jIR6KcdAiF6abKwn4q8/wLpDGw5t+9MgeACKOxTUuYTSOnSVKQtCafTxupaEolp84QEN+0rTC/1Jg1gfOQ/DEQ==}
+  '@rue-js/swc-plugin-rue@0.0.33':
+    resolution: {integrity: sha512-Xw+jokLM4dDP0Sq6+dBPG9LURcZUHzTf/gN/Bk33uy3mR0mxWmiEAMyB5hqDHQY0G0DdzvvuzaQQWWTX5LMpjg==}
 
-  '@rue-js/vite-plugin-rue@0.0.30':
-    resolution: {integrity: sha512-BubpAcj/HVEyfoLTAkKBRZa/tz8cg/BHhWTcqZ2ZfOi8GPV1esaV+7P4qL7S4SuEhYkSHxV9C42huv9d4WDLKA==}
+  '@rue-js/vite-plugin-rue@0.0.33':
+    resolution: {integrity: sha512-jONy9UFT4sw9xqYE9JsUNKbJQBGUsge40obnOiQQEo2apo+mqVu7KFu0x2k65E4s/uXpgCrOuPNmFNp657WxIQ==}
 
   '@swc/core-darwin-arm64@1.15.21':
     resolution: {integrity: sha512-SA8SFg9dp0qKRH8goWsax6bptFE2EdmPf2YRAQW9WoHGf3XKM1bX0nd5UdwxmC5hXsBUZAYf7xSciCler6/oyA==}
@@ -1119,50 +1119,50 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.0-rc.12': {}
 
-  '@rue-js/jsx-dev-runtime@0.0.30(typescript@5.9.3)':
+  '@rue-js/jsx-dev-runtime@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/jsx-runtime@0.0.30(typescript@5.9.3)':
+  '@rue-js/jsx-runtime@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/router@0.0.30(typescript@5.9.3)':
+  '@rue-js/router@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/rue@0.0.30(typescript@5.9.3)':
+  '@rue-js/rue@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/runtime': 0.0.30(typescript@5.9.3)
-      '@rue-js/shared': 0.0.30
+      '@rue-js/runtime': 0.0.33(typescript@5.9.3)
+      '@rue-js/shared': 0.0.33
     optionalDependencies:
       typescript: 5.9.3
 
-  '@rue-js/runtime-vapor@0.0.30': {}
+  '@rue-js/runtime-vapor@0.0.33': {}
 
-  '@rue-js/runtime@0.0.30(typescript@5.9.3)':
+  '@rue-js/runtime@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
-      '@rue-js/runtime-vapor': 0.0.30
-      '@rue-js/shared': 0.0.30
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
+      '@rue-js/runtime-vapor': 0.0.33
+      '@rue-js/shared': 0.0.33
       csstype: 3.2.3
     transitivePeerDependencies:
       - typescript
 
-  '@rue-js/shared@0.0.30': {}
+  '@rue-js/shared@0.0.33': {}
 
-  '@rue-js/swc-plugin-rue@0.0.30': {}
+  '@rue-js/swc-plugin-rue@0.0.33': {}
 
-  '@rue-js/vite-plugin-rue@0.0.30(typescript@5.9.3)':
+  '@rue-js/vite-plugin-rue@0.0.33(typescript@5.9.3)':
     dependencies:
-      '@rue-js/rue': 0.0.30(typescript@5.9.3)
-      '@rue-js/swc-plugin-rue': 0.0.30
+      '@rue-js/rue': 0.0.33(typescript@5.9.3)
+      '@rue-js/swc-plugin-rue': 0.0.33
     transitivePeerDependencies:
       - typescript
 

package/template/base/style.css

@@ -1,433 +1,44 @@
-:root {
-  color-scheme: dark;
-  font-family:
-    Inter,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    sans-serif;
-  background:
-    radial-gradient(circle at top, rgba(124, 58, 237, 0.18), transparent 32%),
-    linear-gradient(180deg, #0f1220 0%, #090b14 100%);
-  color: #f4f7fb;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html,
-body,
-#app {
-  min-height: 100%;
-  margin: 0;
-}
-
-body {
-  background: transparent;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-pre,
-code {
-  font-family:
-    'SFMono-Regular',
-    ui-monospace,
-    'Cascadia Code',
-    'Source Code Pro',
-    Menlo,
-    monospace;
-}
-
-.site-frame {
-  min-height: 100vh;
-}
-
-.shell {
-  width: min(1120px, calc(100vw - 48px));
-  margin: 0 auto;
-}
-
-.site-header {
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  backdrop-filter: blur(18px);
-  background: rgba(9, 11, 20, 0.65);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.header-inner,
-.footer-inner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 24px;
-  padding: 18px 0;
-}
-
-.brand {
-  display: inline-flex;
-  align-items: center;
-  gap: 14px;
-}
-
-.brand-mark {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 44px;
-  height: 44px;
-  border-radius: 14px;
-  background: linear-gradient(135deg, #7c3aed, #d946ef 55%, #ec4899);
-  color: white;
-  font-size: 24px;
-  font-weight: 800;
-  box-shadow: 0 16px 40px rgba(217, 70, 239, 0.28);
-}
-
-.brand-copy {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-
-.brand-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.brand-subtitle {
-  font-size: 12px;
-  color: rgba(244, 247, 251, 0.68);
-}
-
-.main-nav {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-
-.nav-link {
-  padding: 10px 14px;
-  border-radius: 999px;
-  color: rgba(244, 247, 251, 0.72);
-  transition:
-    background-color 0.2s ease,
-    color 0.2s ease,
-    transform 0.2s ease;
-}
-
-.nav-link:hover,
-.nav-link.is-active {
-  color: white;
-  background: rgba(255, 255, 255, 0.08);
-  transform: translateY(-1px);
-}
-
-.site-main {
-  padding: 48px 0 72px;
-}
-
-.page-stack {
-  display: flex;
-  flex-direction: column;
-  gap: 28px;
-}
-
-.hero-card,
-.split-card,
-.content-card,
-.table-card,
-.info-card {
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.04);
-  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.25);
-}
-
-.hero-card,
-.split-card,
-.content-card {
-  border-radius: 28px;
-}
-
-.hero-card {
-  display: grid;
-  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
-  gap: 28px;
-  padding: 36px;
-}
-
-.hero-copy h1,
-.content-card h1,
-.split-card h2 {
-  margin: 0;
-  line-height: 1.05;
-}
-
-.hero-copy h1 {
-  font-size: clamp(34px, 6vw, 60px);
-  max-width: 11ch;
-}
-
-.hero-text,
-.content-card p,
-.info-card p,
-.split-card p,
-.footer-copy {
-  color: rgba(244, 247, 251, 0.72);
-  line-height: 1.75;
-}
-
-.eyebrow,
-.section-tag {
-  display: inline-flex;
-  align-items: center;
-  padding: 8px 12px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: #f5d0fe;
-  background: rgba(217, 70, 239, 0.14);
-  border: 1px solid rgba(217, 70, 239, 0.28);
-}
+@import 'tailwindcss';
 
-.hero-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  margin-top: 24px;
+@plugin "daisyui" {
+  themes: all;
 }
 
-.button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 44px;
-  padding: 0 18px;
-  border-radius: 999px;
-  font-weight: 700;
-  transition:
-    transform 0.2s ease,
-    background-color 0.2s ease,
-    border-color 0.2s ease;
-}
-
-.button:hover {
-  transform: translateY(-1px);
-}
-
-.button.primary {
-  color: white;
-  background: linear-gradient(135deg, #7c3aed, #d946ef 55%, #ec4899);
-}
-
-.button.secondary {
-  border: 1px solid rgba(255, 255, 255, 0.14);
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.hero-panel,
-.content-card,
-.split-card {
-  padding: 28px;
-}
-
-.panel-title {
-  font-size: 14px;
-  font-weight: 700;
-  margin-bottom: 12px;
-  color: #f5d0fe;
-}
-
-.code-block {
-  margin: 0;
-  padding: 18px;
-  overflow: auto;
-  border-radius: 20px;
-  background: rgba(5, 7, 15, 0.82);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  color: #dbeafe;
-  line-height: 1.7;
-}
-
-.grid-cards {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 20px;
-}
-
-.info-card {
-  padding: 24px;
-  border-radius: 24px;
-}
-
-.info-card h2,
-.content-card h2 {
-  margin-top: 0;
-  margin-bottom: 10px;
-}
-
-.split-card {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 24px;
-  align-items: center;
-}
-
-.package-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  justify-content: flex-end;
-}
-
-.package-pill,
-.footer-meta span {
-  display: inline-flex;
-  align-items: center;
-  padding: 10px 14px;
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.06);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  color: #dbeafe;
-}
-
-.step-list {
-  display: grid;
-  gap: 14px;
-}
+@plugin "@tailwindcss/typography";
 
-.step-item {
-  display: grid;
-  grid-template-columns: 56px minmax(0, 1fr);
-  gap: 16px;
-  align-items: start;
-  padding: 18px;
-  border-radius: 20px;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.step-item p {
-  margin: 0;
-}
-
-.step-index {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 56px;
-  height: 56px;
-  border-radius: 18px;
-  font-weight: 800;
-  color: white;
-  background: linear-gradient(135deg, #7c3aed, #d946ef 55%, #ec4899);
-}
-
-.table-card {
-  overflow: hidden;
-  border-radius: 24px;
-}
-
-.table-head,
-.table-row {
-  display: grid;
-  grid-template-columns: minmax(180px, 0.9fr) minmax(120px, 0.7fr) minmax(0, 1.4fr);
-  gap: 16px;
-  padding: 18px 22px;
-}
-
-.table-head {
-  font-size: 13px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: #f5d0fe;
-  background: rgba(255, 255, 255, 0.05);
-}
-
-.table-row + .table-row {
-  border-top: 1px solid rgba(255, 255, 255, 0.08);
-}
-
-.cell-name {
-  font-weight: 700;
-  color: #e9d5ff;
-}
-
-.bullet-list {
-  margin: 0;
-  padding-left: 18px;
-  color: rgba(244, 247, 251, 0.72);
-  line-height: 1.9;
-}
-
-.site-footer {
-  border-top: 1px solid rgba(255, 255, 255, 0.08);
-  background: rgba(255, 255, 255, 0.02);
-}
-
-.footer-title {
-  font-size: 18px;
-  font-weight: 700;
-  margin-bottom: 8px;
-}
-
-.footer-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  justify-content: flex-end;
-}
-
-@media (max-width: 900px) {
-  .header-inner,
-  .footer-inner,
-  .hero-card,
-  .split-card,
-  .grid-cards {
-    grid-template-columns: 1fr;
-    flex-direction: column;
-    align-items: flex-start;
+@layer base {
+  html,
+  body,
+  #app {
+    @apply min-h-screen;
   }
 
-  .main-nav,
-  .footer-meta,
-  .package-list {
-    justify-content: flex-start;
+  body {
+    @apply bg-base-200 text-base-content antialiased;
+    background-image:
+      radial-gradient(circle at top, color-mix(in oklch, var(--color-primary) 14%, transparent), transparent 28%),
+      radial-gradient(circle at bottom right, color-mix(in oklch, var(--color-accent) 10%, transparent), transparent 24%);
   }
 
-  .table-head,
-  .table-row {
-    grid-template-columns: 1fr;
+  * {
+    box-sizing: border-box;
   }
-}
 
-@media (max-width: 640px) {
-  .shell {
-    width: min(1120px, calc(100vw - 28px));
+  a {
+    @apply text-inherit no-underline;
   }
+}
 
-  .site-main {
-    padding-top: 28px;
+@layer components {
+  .app-shell {
+    @apply min-h-screen bg-base-200/80;
   }
 
-  .hero-card,
-  .content-card,
-  .split-card {
-    padding: 22px;
+  .app-surface {
+    @apply min-h-screen bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.22),transparent_24%),linear-gradient(180deg,color-mix(in_oklch,var(--color-base-100)_82%,transparent),color-mix(in_oklch,var(--color-base-200)_92%,transparent))];
   }
 
-  .brand-subtitle {
-    display: none;
+  .content-width {
+    @apply mx-auto w-full max-w-7xl px-4 sm:px-6;
   }
 }

package/template/base/app/pages/Ecosystem.tsx

@@ -1,47 +0,0 @@
-import { type FC } from '@rue-js/rue'
-
-const ecosystemItems = [
-  {
-    title: '官网入口',
-    desc: '用最小 Rue 应用结构承载内容页面，便于继续往文档站或产品站扩展。',
-  },
-  {
-    title: '路由层',
-    desc: '通过 hash history 直接适配静态站点部署，不要求服务端额外做重写配置。',
-  },
-  {
-    title: '构建层',
-    desc: '依赖 Vite 与官方插件完成编译，生产构建方式和外部用户保持一致。',
-  },
-]
-
-const Ecosystem: FC = () => (
-  <div className="page-stack">
-    <section className="content-card">
-      <p className="section-tag">生态能力</p>
-      <h1>从应用迁移到官网的结构拆分</h1>
-      <p>迁移后的站点把入口、路由、布局和内容页解耦，后续扩展成完整官网时会更容易维护。</p>
-    </section>
-
-    <section className="grid-cards">
-      {ecosystemItems.map(item => (
-        <article key={item.title} className="info-card">
-          <h2>{item.title}</h2>
-          <p>{item.desc}</p>
-        </article>
-      ))}
-    </section>
-
-    <section className="content-card">
-      <h2>适合继续扩展的方向</h2>
-      <ul className="bullet-list">
-        <li>补充文档页与 API 页</li>
-        <li>接入组件示例与代码演示</li>
-        <li>增加下载、版本、生态导航</li>
-        <li>对接真实官网视觉资源</li>
-      </ul>
-    </section>
-  </div>
-)
-
-export default Ecosystem