v1.1

🔍 Image zooming

Click on the image to zoom in and out. This feature is useful for images that need to be viewed in detail.

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

🎨 Color mode images

Color mode images change based on the current color mode (light or dark). This is useful for images that have different colors in light and dark mode.

Click on the dark mode toggle to see the image change.

::color-mode-image
---
srcLight: /prose-img/light.png
srcDark: /prose-img/dark.png
alt: Color Mode Image
---
::

🛝 Playground

You can use the ::playground component to embed interactive code examples in your documentation. It supports both StackBlitz and CodeSandbox providers.

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

🩹 Fixes

• Hero props.actions type error
• Collapsible code block horizontal scroll bar
• i18n:
  • On this page case
  • Remove language name at the start of breadcrumbs

✅ Upgrading

npm i shadcn-docs-nuxt@latest

pnpm i shadcn-docs-nuxt@latest

bun add shadcn-docs-nuxt@latest

yarn add shadcn-docs-nuxt@latest