# Soft Chen API Reference
[](https://www.npmjs.com/package/@soft-chen/api-reference)
[](https://www.npmjs.com/package/@soft-chen/api-reference)
[](https://www.jsdelivr.com/package/npm/@soft-chen/api-reference)
[](https://www.npmjs.com/package/@soft-chen/api-reference)
Interactive API Reference from OpenAPI/Swagger documents.
## CDN
```html
Soft Chen API Reference
```
`window.Scalar.createApiReference` is still available as a compatibility alias.
## Common configuration
Chinese configuration reference:
- [docs/zh-CN/configuration.md](docs/zh-CN/configuration.md)
Hide the sidebar branding link:
```js
SoftChen.createApiReference('#app', {
url: '/openapi.json',
poweredByScalar: false,
})
```
Replace the sidebar branding link:
```js
SoftChen.createApiReference('#app', {
url: '/openapi.json',
poweredByScalar: {
label: 'Powered by Soft Chen',
url: 'https://gitee.com/soft-chen',
},
})
```
Set the default language to Chinese. The component also syncs
`document.documentElement.lang` and renders a language toggle next to the dark
mode toggle:
```js
SoftChen.createApiReference('#app', {
configuration: {
url: '/openapi.json',
},
i18n: {
locale: 'zh-CN',
},
})
```
Hide Ask AI:
```js
SoftChen.createApiReference('#app', {
url: '/openapi.json',
agent: {
disabled: true,
},
})
```
Hide MCP:
```js
SoftChen.createApiReference('#app', {
url: '/openapi.json',
mcp: {
disabled: true,
},
})
```
## Local development
- ESM playground: `pnpm playground:esm`
- Vue + Vite playground: `pnpm playground:vue`
## License
MIT