diff --git a/apps/www/__registry__/index.ts b/apps/www/__registry__/index.ts
index 2cf972ad..19a64516 100644
--- a/apps/www/__registry__/index.ts
+++ b/apps/www/__registry__/index.ts
@@ -570,6 +570,13 @@ export const Index = {
component: () => import("../src/lib/registry/default/example/DialogDemo.vue").then((m) => m.default),
files: ["../src/lib/registry/default/example/DialogDemo.vue"],
},
+ "DialogForm": {
+ name: "DialogForm",
+ type: "components:example",
+ registryDependencies: ["button","form","dialog","input","toast"],
+ component: () => import("../src/lib/registry/default/example/DialogForm.vue").then((m) => m.default),
+ files: ["../src/lib/registry/default/example/DialogForm.vue"],
+ },
"DialogScrollBodyDemo": {
name: "DialogScrollBodyDemo",
type: "components:example",
@@ -2041,6 +2048,13 @@ export const Index = {
component: () => import("../src/lib/registry/new-york/example/DialogDemo.vue").then((m) => m.default),
files: ["../src/lib/registry/new-york/example/DialogDemo.vue"],
},
+ "DialogForm": {
+ name: "DialogForm",
+ type: "components:example",
+ registryDependencies: ["button","form","dialog","input","toast"],
+ component: () => import("../src/lib/registry/new-york/example/DialogForm.vue").then((m) => m.default),
+ files: ["../src/lib/registry/new-york/example/DialogForm.vue"],
+ },
"DialogScrollBodyDemo": {
name: "DialogScrollBodyDemo",
type: "components:example",
diff --git a/apps/www/package.json b/apps/www/package.json
index deb21e07..9635205d 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -31,15 +31,15 @@
"date-fns": "^3.6.0",
"embla-carousel-autoplay": "^8.1.7",
"embla-carousel-vue": "^8.1.7",
- "lucide-vue-next": "^0.400.0",
+ "lucide-vue-next": "^0.416.0",
"magic-string": "^0.30.10",
"radix-vue": "catalog:",
"tailwindcss-animate": "^1.0.7",
"v-calendar": "^3.1.2",
"vaul-vue": "^0.2.0",
"vee-validate": "4.13.2",
- "vue": "^3.4.33",
- "vue-sonner": "^1.1.3",
+ "vue": "^3.4.34",
+ "vue-sonner": "^1.1.4",
"vue-wrap-balancer": "^1.1.3",
"zod": "catalog:"
},
@@ -54,13 +54,13 @@
"@iconify-json/tabler": "^1.1.116",
"@iconify/vue": "^4.1.2",
"@oxc-parser/wasm": "catalog:",
- "@shikijs/transformers": "^1.11.0",
+ "@shikijs/transformers": "^1.11.1",
"@types/lodash-es": "^4.17.12",
- "@types/node": "^20.14.11",
- "@vitejs/plugin-vue": "^5.0.5",
+ "@types/node": "^20.14.12",
+ "@vitejs/plugin-vue": "^5.1.0",
"@vitejs/plugin-vue-jsx": "^4.0.0",
- "@vue/compiler-core": "^3.4.33",
- "@vue/compiler-dom": "^3.4.33",
+ "@vue/compiler-core": "^3.4.34",
+ "@vue/compiler-dom": "^3.4.34",
"@vue/tsconfig": "^0.5.1",
"autoprefixer": "^10.4.19",
"fast-glob": "^3.3.2",
@@ -68,14 +68,14 @@
"markdown-it": "^14.1.0",
"pathe": "^1.1.2",
"rimraf": "^6.0.1",
- "shiki": "^1.11.0",
+ "shiki": "^1.11.1",
"tailwind-merge": "^2.4.0",
- "tailwindcss": "^3.4.6",
+ "tailwindcss": "^3.4.7",
"tsx": "^4.16.2",
"typescript": "^5.5.3",
"unplugin-icons": "^0.19.0",
"vitepress": "^1.3.1",
- "vue-component-meta": "^2.0.28",
- "vue-tsc": "^2.0.28"
+ "vue-component-meta": "^2.0.29",
+ "vue-tsc": "^2.0.29"
}
}
diff --git a/apps/www/src/content/docs/components/dialog.md b/apps/www/src/content/docs/components/dialog.md
index de448dbb..fee3e020 100644
--- a/apps/www/src/content/docs/components/dialog.md
+++ b/apps/www/src/content/docs/components/dialog.md
@@ -62,6 +62,10 @@ import {
+### Form
+
+
+
## Notes
To activate the `Dialog` component from within a `Context Menu` or `Dropdown Menu`, you must encase the `Context Menu` or `Dropdown Menu` component in the `Dialog` component. For more information, refer to the linked issue [here](https://github.com/radix-ui/primitives/issues/1836).
diff --git a/apps/www/src/content/docs/dark-mode/vite.md b/apps/www/src/content/docs/dark-mode/vite.md
index a7795237..a0108c09 100644
--- a/apps/www/src/content/docs/dark-mode/vite.md
+++ b/apps/www/src/content/docs/dark-mode/vite.md
@@ -33,7 +33,7 @@ import { Button } from '@/components/ui/button'
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
// Pass { disableTransition: false } to enable transitions
-const mode = useColorMode();
+const mode = useColorMode()
diff --git a/apps/www/src/content/docs/installation/nuxt.md b/apps/www/src/content/docs/installation/nuxt.md
index b698435e..89dce2d6 100644
--- a/apps/www/src/content/docs/installation/nuxt.md
+++ b/apps/www/src/content/docs/installation/nuxt.md
@@ -9,6 +9,12 @@ description: Install and configure Nuxt.
Start by creating a new Nuxt project using `create-nuxt-app`:
+
+
+ If you're using the JS template, `jsconfig.json` must exist for the CLI to run without errors.
+
+
+
```bash
npx nuxi@latest init my-app
```
@@ -82,7 +88,8 @@ export default defineNuxtModule({
},
},
async setup({ componentDir, prefix }) {
- const isVeeValidateExist = await tryResolveModule('vee-validate');
+ const veeValidate = await tryResolveModule('vee-validate');
+ const vaulVue = await tryResolveModule('vaul-vue');
addComponentsDir(
{
@@ -96,7 +103,7 @@ export default defineNuxtModule({
}
);
- if (isVeeValidateExist !== undefined) {
+ if (veeValidate !== undefined) {
addComponent({
filePath: 'vee-validate',
export: 'Form',
@@ -112,6 +119,17 @@ export default defineNuxtModule({
});
}
+ if(vaulVue !== undefined) {
+ ['DrawerPortal', 'DrawerTrigger', 'DrawerClose'].forEach((item) => {
+ addComponent({
+ filePath: 'vaul-vue',
+ export: item,
+ name: prefix + item,
+ priority: 999,
+ });
+ })
+ }
+
addComponent({
filePath: 'radix-vue',
export: 'PaginationRoot',
diff --git a/apps/www/src/content/docs/introduction.md b/apps/www/src/content/docs/introduction.md
index e5957005..eabaa5e5 100644
--- a/apps/www/src/content/docs/introduction.md
+++ b/apps/www/src/content/docs/introduction.md
@@ -3,8 +3,8 @@ title: Introduction
description: Re-usable components built with Radix Vue, and Tailwind CSS.
---
-
An unofficial, community-led [Vue](https://vuejs.org/) port of [shadcn/ui](https://ui.shadcn.com). We are not affiliated with [shadcn](https://twitter.com/shadcn), but we did get his blessing before creating a Vue version of his work. This project was born out of the need for a similar project for the Vue ecosystem.
@@ -19,8 +19,13 @@ Pick the components you need. Use the CLI to automatically add the components, o
_Use this as a reference to build your own component libraries._
+
+
## FAQ
+
+
+
@@ -58,3 +63,4 @@ But let us know if you do use it. We'd love to see what you build with it.
+
diff --git a/apps/www/src/examples/cards/components/ReportAnIssue.vue b/apps/www/src/examples/cards/components/ReportAnIssue.vue
index 4d20ef55..7b01eb81 100644
--- a/apps/www/src/examples/cards/components/ReportAnIssue.vue
+++ b/apps/www/src/examples/cards/components/ReportAnIssue.vue
@@ -60,7 +60,7 @@ import { Textarea } from '@/lib/registry/new-york/ui/textarea'