feat: How can I use all shadcn/ui components with shadcn-docs (like toast)?

[luanhsd]

Describe the feature

Hi! First of all, thanks for the awesome work on shadcn-docs. I’m using it in a Nuxt 3 project and I’d love to take full advantage of the components from shadcn/ui.

I tried to use the toast component from shadcn/ui inside a .md page (using a Vue component), but it didn’t show up. I also tried wrapping everything with a UiToastProvider (like you would do in a regular setup), but still had no success.

Is it currently possible to use all components from shadcn/ui — especially toast — inside shadcn-docs pages? If so, is there a recommended way to set it up?

Thanks in advance!

Additional information

• Would you be willing to help implement this feature?

[Ast3risk-ops]

I'd try adding elements like this, and then making new Nuxt components with them (follow the instructions on the component's page on https://shadcn-vue.com), then calling those components in your Vue or Markdown file.

[ZTL-UwU]

mdc files can only access global components. You can create a wrapper component in components/content/xxx.vue which uses shadcn-vue components (e.g. UiButton) and then use the wrapper component in your mdc file.