diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml index 9d347542..cd369438 100644 --- a/.github/workflows/publish.yaml +++ b/.github/workflows/publish.yaml @@ -18,7 +18,6 @@ on: # When a labeled '🚀request-deploy' pull request from forked repo, it will be deploy to Cloudflare Pages - labeled # Allows you to run this workflow manually from the Actions tab - # eslint-disable-next-line yml/no-empty-mapping-value workflow_dispatch: permissions: @@ -60,7 +59,7 @@ jobs: - uses: pnpm/action-setup@v2 name: Install pnpm with: - version: 8 + version: 9.0.5 run_install: false - name: Get pnpm store directory diff --git a/.github/workflows/test.yaml b/.github/workflows/test.yaml index f1a7f7de..b8e55d5f 100644 --- a/.github/workflows/test.yaml +++ b/.github/workflows/test.yaml @@ -24,12 +24,12 @@ jobs: - name: Setup Node.js environment uses: actions/setup-node@v2 with: - node-version: 16 + node-version: 18 - uses: pnpm/action-setup@v2 name: Install pnpm with: - version: 8 + version: 9.0.5 run_install: false - name: Get pnpm store directory diff --git a/.vscode/settings.json b/.vscode/settings.json index c9442fbf..27bf7fcd 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,6 +1,5 @@ { "vue.server.hybridMode": true, - "eslint.experimental.useFlatConfig": true, "prettier.enable": false, "editor.formatOnSave": false, "editor.codeActionsOnSave": { diff --git a/apps/www/.vitepress/theme/components/APITable.vue b/apps/www/.vitepress/theme/components/APITable.vue new file mode 100644 index 00000000..c128797d --- /dev/null +++ b/apps/www/.vitepress/theme/components/APITable.vue @@ -0,0 +1,26 @@ + + + diff --git a/apps/www/.vitepress/theme/components/Callout.vue b/apps/www/.vitepress/theme/components/Callout.vue index b2d5f1ce..d0381be0 100644 --- a/apps/www/.vitepress/theme/components/Callout.vue +++ b/apps/www/.vitepress/theme/components/Callout.vue @@ -19,7 +19,7 @@ defineProps() {{ title }} - + diff --git a/apps/www/.vitepress/theme/components/DocsBreadcrumb.vue b/apps/www/.vitepress/theme/components/DocsBreadcrumb.vue new file mode 100644 index 00000000..9873fb8a --- /dev/null +++ b/apps/www/.vitepress/theme/components/DocsBreadcrumb.vue @@ -0,0 +1,54 @@ + + + diff --git a/apps/www/.vitepress/theme/components/MobileNav.vue b/apps/www/.vitepress/theme/components/MobileNav.vue index 8de06dd2..73a7dcae 100644 --- a/apps/www/.vitepress/theme/components/MobileNav.vue +++ b/apps/www/.vitepress/theme/components/MobileNav.vue @@ -5,6 +5,7 @@ import Logo from './Logo.vue' import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet' import { Button } from '@/lib/registry/default/ui/button' import { ScrollArea } from '@/lib/registry/default/ui/scroll-area' +import { Badge } from '@/lib/registry/new-york/ui/badge' const open = ref(false) @@ -63,17 +64,26 @@ const open = ref(false)
-

- {{ items.title }} -

+
+

+ {{ items.title }} +

+ + {{ items.label }} + +
{{ item.title }} + + + {{ item.label }} +
diff --git a/apps/www/.vitepress/theme/components/ThemePopover.vue b/apps/www/.vitepress/theme/components/ThemePopover.vue new file mode 100644 index 00000000..d862ec98 --- /dev/null +++ b/apps/www/.vitepress/theme/components/ThemePopover.vue @@ -0,0 +1,47 @@ + + + diff --git a/apps/www/.vitepress/theme/components/index.ts b/apps/www/.vitepress/theme/components/index.ts index 8e6df429..ec426bc3 100644 --- a/apps/www/.vitepress/theme/components/index.ts +++ b/apps/www/.vitepress/theme/components/index.ts @@ -1,5 +1,6 @@ export { default as CodeWrapper } from './CodeWrapper' export { default as ComponentPreview } from './ComponentPreview.vue' +export { default as APITable } from './APITable.vue' export { default as TabPreview } from './TabPreview.vue' export { default as TabMarkdown } from './TabMarkdown.vue' export { default as TabsMarkdown } from './TabsMarkdown.vue' diff --git a/apps/www/.vitepress/theme/components/theming/Theming.vue b/apps/www/.vitepress/theme/components/theming/Theming.vue index a3047b9a..e4d36786 100644 --- a/apps/www/.vitepress/theme/components/theming/Theming.vue +++ b/apps/www/.vitepress/theme/components/theming/Theming.vue @@ -1,6 +1,8 @@ ``` +### Scale Background + +If you want the background to have a zoom effect, you need to add the `vaul-drawer-wrapper` attribute to the root component. + +```html +
+``` ## Examples diff --git a/apps/www/src/content/docs/components/form.md b/apps/www/src/content/docs/components/form.md index 1bb4cf7f..6c0d0f42 100644 --- a/apps/www/src/content/docs/components/form.md +++ b/apps/www/src/content/docs/components/form.md @@ -23,7 +23,7 @@ The `
` component is a wrapper around the `vee-validate` library. It prov - Composable components for building forms. - A `` component for building controlled form fields. - Form validation using `zod`. -- Applies the correct `aria` attributes to form fields based on states, handle unqiue IDs +- Applies the correct `aria` attributes to form fields based on states, handle unique IDs - Built to work with all Radix Vue components. - Bring your own schema library. We use `zod` but you can use any other supported schema validation you want, like [`yup`](https://github.com/jquense/yup) or [`valibot`](https://valibot.dev/). - **You have full control over the markup and styling.** @@ -249,7 +249,7 @@ function onSubmit(values) { ### Build your form Based on last step we can either use `` component or `useForm` composable -`useForm` is recommended cause values are typed automatically +`useForm` is recommended because values are typed automatically ```vue:line-numbers {2}