docs: update headlessui.com broken urls

This commit is contained in:
Benjamin Canac
2024-07-05 16:14:06 +02:00
parent 67e6a4a565
commit 9e12e9519e
12 changed files with 15 additions and 15 deletions

View File

@@ -3,7 +3,7 @@ description: Display togglable accordion panels.
links: links:
- label: Disclosure - label: Disclosure
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/disclosure' to: 'https://headlessui.com/v1/vue/disclosure'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Accordion.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Accordion.vue

View File

@@ -4,7 +4,7 @@ description: Add a customizable command palette to your app.
links: links:
- label: 'Combobox' - label: 'Combobox'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/combobox' to: 'https://headlessui.com/v1/vue/combobox'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/CommandPalette.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/CommandPalette.vue

View File

@@ -3,7 +3,7 @@ description: Display a list of actions in a dropdown menu.
links: links:
- label: Menu - label: Menu
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: https://headlessui.com/vue/menu to: https://headlessui.com/v1/vue/menu
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Dropdown.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Dropdown.vue

View File

@@ -4,7 +4,7 @@ description: Display an autocomplete input with real-time suggestions.
links: links:
- label: 'Combobox' - label: 'Combobox'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/combobox' to: 'https://headlessui.com/v1/vue/combobox'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/InputMenu.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/InputMenu.vue

View File

@@ -3,7 +3,7 @@ description: Display a modal within your application.
links: links:
- label: 'Dialog' - label: 'Dialog'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/dialog' to: 'https://headlessui.com/v1/vue/dialog'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Modal.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Modal.vue

View File

@@ -3,7 +3,7 @@ description: Display a non-modal dialog that floats around a trigger element.
links: links:
- label: 'Popover' - label: 'Popover'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/popover' to: 'https://headlessui.com/v1/vue/popover'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Popover.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Popover.vue

View File

@@ -4,7 +4,7 @@ description: Display a select menu with advanced features.
links: links:
- label: 'Listbox' - label: 'Listbox'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/listbox' to: 'https://headlessui.com/v1/vue/listbox'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue
@@ -87,7 +87,7 @@ Use the `searchable` prop to enable search.
Use the `searchable-placeholder` prop to set a different placeholder. Use the `searchable-placeholder` prop to set a different placeholder.
This will use Headless UI [Combobox](https://headlessui.com/vue/combobox) component instead of [Listbox](https://headlessui.com/vue/listbox). This will use Headless UI [Combobox](https://headlessui.com/v1/vue/combobox) component instead of [Listbox](https://headlessui.com/v1/vue/listbox).
::component-card ::component-card
--- ---

View File

@@ -3,7 +3,7 @@ description: Display a dialog that slides in from the edge of the screen.
links: links:
- label: 'Dialog' - label: 'Dialog'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/dialog' to: 'https://headlessui.com/v1/vue/dialog'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Slideover.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Slideover.vue

View File

@@ -255,7 +255,7 @@ componentProps:
:: ::
::callout{icon="i-heroicons-light-bulb"} ::callout{icon="i-heroicons-light-bulb"}
You can use the `by` prop to compare objects by a field instead of comparing object instances. We've replicated the behavior of Headless UI [Combobox](https://headlessui.com/vue/combobox#binding-objects-as-values). You can use the `by` prop to compare objects by a field instead of comparing object instances. We've replicated the behavior of Headless UI [Combobox](https://headlessui.com/v1/vue/combobox#binding-objects-as-values).
:: ::
You can also add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument. You can also add a `select` listener on your Table to make the rows clickable. The function will receive the row as the first argument.

View File

@@ -3,7 +3,7 @@ description: Display a toggle field.
links: links:
- label: 'Switch' - label: 'Switch'
icon: i-simple-icons-headlessui icon: i-simple-icons-headlessui
to: 'https://headlessui.com/vue/switch' to: 'https://headlessui.com/v1/vue/switch'
- label: GitHub - label: GitHub
icon: i-simple-icons-github icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Toggle.vue to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Toggle.vue

View File

@@ -8,7 +8,7 @@ export default {
overlay: { overlay: {
base: 'fixed inset-0 transition-opacity', base: 'fixed inset-0 transition-opacity',
background: 'bg-gray-200/75 dark:bg-gray-800/75', background: 'bg-gray-200/75 dark:bg-gray-800/75',
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example // Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
transition: { transition: {
enter: 'ease-out duration-300', enter: 'ease-out duration-300',
enterFrom: 'opacity-0', enterFrom: 'opacity-0',
@@ -25,7 +25,7 @@ export default {
width: 'w-full sm:max-w-lg', width: 'w-full sm:max-w-lg',
height: '', height: '',
fullscreen: 'w-screen h-screen', fullscreen: 'w-screen h-screen',
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example // Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
transition: { transition: {
enter: 'ease-out duration-300', enter: 'ease-out duration-300',
enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95', enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',

View File

@@ -3,7 +3,7 @@ export default {
overlay: { overlay: {
base: 'fixed inset-0 transition-opacity', base: 'fixed inset-0 transition-opacity',
background: 'bg-gray-200/75 dark:bg-gray-800/75', background: 'bg-gray-200/75 dark:bg-gray-800/75',
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example // Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
transition: { transition: {
enter: 'ease-in-out duration-500', enter: 'ease-in-out duration-500',
enterFrom: 'opacity-0', enterFrom: 'opacity-0',
@@ -28,7 +28,7 @@ export default {
top: '-translate-y-full', top: '-translate-y-full',
bottom: 'translate-y-full' bottom: 'translate-y-full'
}, },
// Syntax for `<TransitionRoot>` component https://headlessui.com/vue/transition#basic-example // Syntax for `<TransitionRoot>` component https://headlessui.com/v1/vue/transition#basic-example
transition: { transition: {
enter: 'transform transition ease-in-out duration-300', enter: 'transform transition ease-in-out duration-300',
leave: 'transform transition ease-in-out duration-200' leave: 'transform transition ease-in-out duration-200'