update docs

Author: wu-clan

docs/.vuepress/client.ts

@@ -10,7 +10,7 @@ import SponsorSidebar from './components/SponsorSidebar.vue';
 import BannerTop from './components/BannerTop.vue';
 import { NotFound } from 'vuepress-theme-plume/client';
 import { h } from 'vue';
-import Price from "./components/Price.vue";
+import Pricing from "./components/Pricing.vue";
 import PluginMarket from "./components/PluginMarket.vue";
 
 export default defineClientConfig({
@@ -21,7 +21,7 @@ export default defineClientConfig({
         app.component('SponsorHome', SponsorHome)
         app.component('SponsorSidebar', SponsorSidebar)
         app.component('BannerTop', BannerTop)
-        app.component('Price', Price)
+        app.component('Pricing', Pricing)
         app.component('PluginMarket', PluginMarket)
     },
     layouts: {

docs/.vuepress/components/PluginMarket.vue

@@ -15,7 +15,7 @@
             class="image-content"
         />
         <div v-else class="image-placeholder">
-          <Icon :name="item.icon" size="3em" color="var(--vp-c-text-1)" />
+          <Icon :name="item.icon" size="5em" color="var(--vp-c-text-1)" />
         </div>
         <div v-if="item.priceLabel" class="price-corner-tag" :class="{ 'paid': item.priceLabel === '付费' }">
           <span class="price-corner-text">{{ item.priceLabel }}</span>
@@ -40,7 +40,7 @@
               aria-label="GitHub仓库"
               @click.stop
           >
-            <Icon name="mdi:github" size="1.1em" color="var(--vp-c-text-2)" />
+            <Icon name="mdi:github" color="var(--vp-c-text-2)" />
           </a>
           <span v-else class="built-in-label-inline">内置</span>
         </div>
@@ -122,7 +122,7 @@ const handleCardClick = (item: PluginItem) => {
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
   height: 100%;
   max-height: 360px;
-  border: 1px solid var(--vp-c-divider);
+  border: 1px solid var(--vp-c-border);
 }
 
 .plugin-card.clickable:hover {
@@ -178,7 +178,7 @@ const handleCardClick = (item: PluginItem) => {
   justify-content: space-between;
   align-items: center;
   padding: 0.5rem;
-  background: rgba(0, 0, 0, 0.1);
+  background: rgba(0, 0, 0, 0.05);
   color: #fff;
 }
 
@@ -213,7 +213,7 @@ const handleCardClick = (item: PluginItem) => {
 
 .built-in-label-inline {
   font-size: 0.75rem;
-  color: var(--vp-c-text-3);
+  color: var(--vp-c-text-2);
   padding: 0.1rem 0.4rem;
   border-radius: 4px;
   border: 1px solid var(--vp-c-border);

docs/.vuepress/components/Price.vue renamed to docs/.vuepress/components/Pricing.vue

@@ -112,7 +112,7 @@ export const myNavbar = defineNavbarConfig([
     {
         text: '购买授权',
         icon: 'fluent:person-key-20-filled',
-        link: '/price'
+        link: '/pricing'
     },
     {
         text: '赞助',

docs/.vuepress/navbar.ts

@@ -1,6 +1,6 @@
 ---
 title: 知识星球
-aside: false
+pageLayout: friends
 ---
 
 <div align="center">

docs/planet.md

@@ -116,4 +116,6 @@ fba 内所有官方实现都同时兼容 mysql 和 postgresql，但我们不对
 
 ## 前端
 
+::: warning
 暂无此计划...
+:::

docs/plugin/dev.md

@@ -13,7 +13,7 @@ title: 快速开始
    ::: tabs
    @tab 后端
 
-   将插件源码 `backend/plugin/` 目录下的一级文件夹拷贝到 fba 项目 `backend/plugin/` 目录下
+   将插件源码 `backend/plugin/` 目录下的插件文件夹拷贝到 fba 项目 `backend/plugin/` 目录下
 
    @tab 前端
 

docs/plugin/install.md

@@ -1,20 +1,40 @@
 ---
-title: 插件市场
 aside: false
-watermark: true
+title: market
 ---
 
+<h1 class="custom-title">插件市场</h1>
+
 ::: info 标签说明
 
-- <Badge text="MySQL" color="#006484" bg-color="rgba(0, 100, 132, 0.1)" border-color="rgba(0, 100, 132, 0.2)" /> - 支持 MySQL
-- <Badge text="PostgreSQL" color="#336699" bg-color="rgba(51, 102, 153, 0.1)" border-color="rgba(51, 102, 153, 0.2)" /> - 支持 PostgreSQL
-- <Badge text="后端" color="#009485" bg-color="rgba(0,148,133,0.1)" border-color="rgba(0,148,133,0.2)" /> - 后端代码插件
-- <Badge text="前端" color="#a855f7" bg-color="rgba(168, 85, 247, 0.1)" border-color="rgba(168, 85, 247, 0.2)" /> - 前端 [Vben Admin Antd](https://github.com/fastapi-practices/fastapi_best_architecture_ui) 代码插件
+- <Badge text="MySQL" color="#006484" bg-color="rgba(0, 100, 132, 0.1)" border-color="rgba(0, 100, 132, 0.2)" /> - 支持 MySQL 数据库
+- <Badge text="PostgreSQL" color="#336699" bg-color="rgba(51, 102, 153, 0.1)" border-color="rgba(51, 102, 153, 0.2)" /> - 支持 PostgreSQL 数据库
+- <Badge text="后端" color="#009485" bg-color="rgba(0,148,133,0.1)" border-color="rgba(0,148,133,0.2)" /> - 包含后端代码插件
+- <Badge text="前端" color="#a855f7" bg-color="rgba(168, 85, 247, 0.1)" border-color="rgba(168, 85, 247, 0.2)" /> - 包含前端 [Vben Admin Antd](https://github.com/fastapi-practices/fastapi_best_architecture_ui) 代码插件
 
 :::
 
+<PluginMarket :items="pluginItems" />
+
 <script setup lang="ts">
 import { pluginItems } from '@source/.vuepress/data/plugin'
 </script>
 
-<PluginMarket :items="pluginItems" />
+<style setup>
+.custom-title {
+  text-align: center;
+  margin-bottom: 2.5rem;
+}
+
+.vp-breadcrumb {
+  display: none !important;
+}
+
+.vp-doc-title {
+  display: none !important;
+}
+
+.vp-doc-meta {
+  display: none !important;
+}
+</style>

docs/plugin/market.md

@@ -1,10 +1,10 @@
 ---
-title: 购买授权
 aside: false
 editLink: false
+title: pricing
 ---
 
-<Price />
+<Pricing />
 
 <style setup>
 .vp-doc-title {

docs/price.md renamed to docs/pricing.md

@@ -13,15 +13,15 @@
   "author": "wu-clan",
   "license": "MIT",
   "devDependencies": {
-    "@vuepress/bundler-vite": "2.0.0-rc.22",
-    "@vuepress/plugin-baidu-analytics": "2.0.0-rc.99",
-    "@vuepress/plugin-umami-analytics": "2.0.0-rc.99",
+    "@vuepress/bundler-vite": "2.0.0-rc.23",
+    "@vuepress/plugin-baidu-analytics": "2.0.0-rc.103",
+    "@vuepress/plugin-umami-analytics": "2.0.0-rc.103",
     "vue": "^3.5.13",
-    "vuepress": "2.0.0-rc.22",
-    "vuepress-theme-plume": "1.0.0-rc.146"
+    "vuepress": "2.0.0-rc.23",
+    "vuepress-theme-plume": "1.0.0-rc.148"
   },
   "dependencies": {
-    "@iconify/json": "^2.2.335",
+    "@iconify/json": "^2.2.337",
     "@vueuse/core": "^12.8.2",
     "mermaid": "^11.6.0",
     "swiper": "^11.2.6"