v1.1

v1.1 版本的变更与升级指南.

点击图片可以放大或缩小. 此功能对于需要仔细查看的图片非常有用.

![Image](/prose-img/light.png)

阅读更多于 Components > Prose Components > Images and embeds

🎨 颜色模式图像

根据当前的颜色模式 (浅色或深色), 图像会发生变化. 这对于在浅色模式和深色模式下颜色不同的图像非常有用.

点击深色模式切换按钮以查看图片变化.

::color-mode-image
---
srcLight: /prose-img/light.png
srcDark: /prose-img/dark.png
alt: 颜色模式图像
---
::

阅读更多于 Components > Prose Components > Images and embeds

你可以使用 ::playground 组件在你的文档中嵌入互动代码示例. 它支持 StackBlitz 和 CodeSandbox 提供商.

::playground
---
provider: stackblitz
repo: nuxt/starter
branch: v3
file: app.vue
---
::

阅读更多于 Components > Docs Components > Playground

npm

pnpm

bun

yarn

npm i shadcn-docs-nuxt@latest

本页目录