feat: integrate bilibili-bangumi-component

demo/yun/pages/bangumi/index.md

@@ -5,4 +5,4 @@ description: Bangumi 追番列表
 # links: https://friends.yunyoujun.cn/links.json
 ---
 
-<ValaxyBangumi />
+<ValaxyBangumi api="https://yi_xiao_jiu-bangumi.web.val.run" bilibili-uid="1579790" :bgm-enabled="false" />

demo/yun/valaxy.config.ts

@@ -75,9 +75,7 @@ export default defineValaxyConfig<ThemeConfig>({
       apiKey: '805f2584a8866388aa1631ff0348ddae',
       indexName: 'valaxy',
     }),
-    addonBangumi({
-      uid: 378106,
-    }),
+    addonBangumi(),
     addonComponents(),
     addonWaline({
       serverURL: 'https://waline.yunyoujun.cn',

packages/valaxy-addon-bangumi/README.md

@@ -1,7 +1,35 @@
 # valaxy-addon-bangumi
 
-- [[功能建议] 追番列表](https://github.com/YunYouJun/valaxy/issues/296)
+关联 issue [[功能建议] 追番列表](https://github.com/YunYouJun/valaxy/issues/296)
 
-## Ref
+依赖 [bilibili-bangumi-component](https://github.com/yixiaojiu/bilibili-bangumi-component)，需要部署后端服务，可参考 [bilibili-bangumi 使用](https://github.com/yixiaojiu/bilibili-bangumi-component?tab=readme-ov-file#%E4%BD%BF%E7%94%A8)进行搭建
 
-- [hexo-bilibili-bangumi](https://github.com/HCLonely/hexo-bilibili-bangumi)
+## 如何集成
+
+```bash
+npm i valaxy-addon-bangumi
+```
+
+`valaxy-addon-bangumi` 暴露了 `ValaxyBangumi` 组件
+
+使用示例：
+
+```md
+---
+title: Bangumi 追番列表
+keywords: Bangumi
+description: Bangumi 追番列表
+---
+
+<ValaxyBangumi api="https://yi_xiao_jiu-bangumi.web.val.run" bilibili-uid="1579790" :bgm-enabled="false" />
+```
+
+## API
+
+| 字段           | 描述                                     | 默认值 |
+|:--------------:|:----------------------------------------:|:------:|
+| api                | 后端 api 地址                                     | - |
+| bilibili-uid       | Bilibili 的 uid，在后端中引入 uid 的 env 后可以不设置 | - |
+| bgm-uid            | Bangumi 的 uid，在后端中引入 uid 的 env 后可以不设置  | - |
+| bilibili-enabled   | 是否展示 Bilibili                                 | true |
+| bgm-enabled        | 是否展示 Bangumi                                  | true|

packages/valaxy-addon-bangumi/components/ValaxyBangumi.vue

@@ -1,5 +1,28 @@
+<script setup lang="ts">
+import pkg from 'bilibili-bangumi-component/loader/index.js'
+
+withDefaults(defineProps<{
+  api: string
+  bilibiliUid?: string
+  bgmUid?: string
+  bilibiliEnabled?: boolean
+  bgmEnabled?: boolean
+}>(), {
+  bilibiliEnabled: true,
+  bgmEnabled: true,
+})
+
+const { defineCustomElements } = pkg
+
+defineCustomElements()
+</script>
+
 <template>
-  <div>
-    Bangumi
-  </div>
+  <bilibili-bangumi
+    :api="api"
+    :bilibili-uid="bilibiliUid"
+    :bgm-uid="bgmUid"
+    :bilibili-enabled="bilibiliEnabled"
+    :bgm-enabled="bgmEnabled"
+  />
 </template>

packages/valaxy-addon-bangumi/node/index.ts

@@ -1,17 +1,8 @@
 import { defineValaxyAddon } from 'valaxy'
-import consola from 'consola'
 import pkg from '../package.json'
 
-import type { BangumiOptions } from '../types'
-
-export const addonBangumi = defineValaxyAddon<BangumiOptions>(options => ({
+export const addonBangumi = defineValaxyAddon(options => ({
   name: pkg.name,
   enable: true,
   options,
-
-  setup(valaxy) {
-    valaxy.hook('build:before', () => {
-      consola.info('[valaxy-addon-bangumi] build:before')
-    })
-  },
 }))

packages/valaxy-addon-bangumi/package.json

@@ -15,6 +15,6 @@
     "valaxy": "latest"
   },
   "dependencies": {
-    "bangumi-api": "^0.0.1"
+    "bilibili-bangumi-component": "^0.1.0"
   }
 }