bcms
@thebcms/nuxt

Nuxt BCMS 模块
131 次下载2 颗星v1.0.5
bbanezbbanez

Nuxt BCMS

npm versionnpm downloadsLicenseNuxt

BCMS 与 Nuxt 的集成。

功能

  • 与 BCMS 的无缝集成
  • 开箱即用的组件，用于渲染 BCMS 图像和内容
  • 从您的 BCMS 自动生成 TypeScript 类型
  • 在服务器端和客户端轻松访问 BCMS 客户端 API
  • 支持私有和公共 API 密钥

快速设置

通过一个命令将模块安装到您的 Nuxt 应用中

npx nuxi module add bcms

然后在您的 nuxt.config.ts 文件中，添加 BCMS 配置。您可以在 BCMS 面板的 API Keys 部分找到配置信息。

export default defineNuxtConfig({
    modules: ['@thebcms/nuxt'],
    // ...
    bcms: {
        orgId: process.env.BCMS_ORG_ID,
        instanceId: process.env.BCMS_INSTANCE_ID,
        privateClientOptions: {
            key: {
                id: process.env.BCMS_PRIVATE_KEY_ID,
                secret: process.env.BCMS_PRIVATE_KEY_SECRET,
            },
            options: {
                injectSvg: true,
            },
        },
        publicClientOptions: {
            key: {
                id: process.env.BCMS_PUBLIC_KEY_ID,
                secret: process.env.BCMS_PUBLIC_KEY_SECRET,
            },
            options: {
                injectSvg: true,
            },
        },
    },
});

就是这样！您现在可以在 Nuxt 应用中使用 BCMS 了 ✨

有关如何在 Nuxt 中使用 BCMS 的更多信息，请查阅文档。

贡献

本地开发
# Install dependencies
npm install

# Generate type stubs

npm run dev:prepare

# Develop with the playground

npm run dev

# Build the playground

npm run dev:build

# Run ESLint

npm run lint

# Run Vitest

npm run test
npm run test:watch

# Release new version

npm run release