diff --git a/docs/content/2.components/accordion.md b/docs/content/2.components/accordion.md
index 001c1d7e..2795ac27 100644
--- a/docs/content/2.components/accordion.md
+++ b/docs/content/2.components/accordion.md
@@ -3,7 +3,7 @@ description: Display togglable accordion panels.
 links:
   - label: Disclosure
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/disclosure'
+    to: 'https://headlessui.com/v1/vue/disclosure'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Accordion.vue
diff --git a/docs/content/2.components/command-palette.md b/docs/content/2.components/command-palette.md
index 65fc5355..fe2981a7 100644
--- a/docs/content/2.components/command-palette.md
+++ b/docs/content/2.components/command-palette.md
@@ -4,7 +4,7 @@ description: Add a customizable command palette to your app.
 links:
   - label: 'Combobox'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/combobox'
+    to: 'https://headlessui.com/v1/vue/combobox'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/CommandPalette.vue
diff --git a/docs/content/2.components/dropdown.md b/docs/content/2.components/dropdown.md
index 513c4c5d..6bf41077 100644
--- a/docs/content/2.components/dropdown.md
+++ b/docs/content/2.components/dropdown.md
@@ -3,7 +3,7 @@ description: Display a list of actions in a dropdown menu.
 links:
   - label: Menu
     icon: i-simple-icons-headlessui
-    to: https://headlessui.com/vue/menu
+    to: https://headlessui.com/v1/vue/menu
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Dropdown.vue
diff --git a/docs/content/2.components/input-menu.md b/docs/content/2.components/input-menu.md
index 51056414..4adc74aa 100644
--- a/docs/content/2.components/input-menu.md
+++ b/docs/content/2.components/input-menu.md
@@ -4,7 +4,7 @@ description: Display an autocomplete input with real-time suggestions.
 links:
   - label: 'Combobox'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/combobox'
+    to: 'https://headlessui.com/v1/vue/combobox'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/InputMenu.vue
diff --git a/docs/content/2.components/modal.md b/docs/content/2.components/modal.md
index 5a54056a..5f353065 100644
--- a/docs/content/2.components/modal.md
+++ b/docs/content/2.components/modal.md
@@ -3,7 +3,7 @@ description: Display a modal within your application.
 links:
   - label: 'Dialog'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/dialog'
+    to: 'https://headlessui.com/v1/vue/dialog'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Modal.vue
diff --git a/docs/content/2.components/popover.md b/docs/content/2.components/popover.md
index 756c6b6c..7fed4589 100644
--- a/docs/content/2.components/popover.md
+++ b/docs/content/2.components/popover.md
@@ -3,7 +3,7 @@ description: Display a non-modal dialog that floats around a trigger element.
 links:
   - label: 'Popover'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/popover'
+    to: 'https://headlessui.com/v1/vue/popover'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Popover.vue
diff --git a/docs/content/2.components/select-menu.md b/docs/content/2.components/select-menu.md
index 9124a8a0..fad9c161 100644
--- a/docs/content/2.components/select-menu.md
+++ b/docs/content/2.components/select-menu.md
@@ -4,7 +4,7 @@ description: Display a select menu with advanced features.
 links:
   - label: 'Listbox'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/listbox'
+    to: 'https://headlessui.com/v1/vue/listbox'
   - label: GitHub
     icon: i-simple-icons-github
     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.
 
-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
 ---
diff --git a/docs/content/2.components/slideover.md b/docs/content/2.components/slideover.md
index 0d7660c1..e25f7f89 100644
--- a/docs/content/2.components/slideover.md
+++ b/docs/content/2.components/slideover.md
@@ -3,7 +3,7 @@ description: Display a dialog that slides in from the edge of the screen.
 links:
   - label: 'Dialog'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/dialog'
+    to: 'https://headlessui.com/v1/vue/dialog'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Slideover.vue
diff --git a/docs/content/2.components/table.md b/docs/content/2.components/table.md
index 5a72a40d..71556fe8 100644
--- a/docs/content/2.components/table.md
+++ b/docs/content/2.components/table.md
@@ -255,7 +255,7 @@ componentProps:
 ::
 
 ::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.
diff --git a/docs/content/2.components/toggle.md b/docs/content/2.components/toggle.md
index 434d9e88..00d01a36 100644
--- a/docs/content/2.components/toggle.md
+++ b/docs/content/2.components/toggle.md
@@ -3,7 +3,7 @@ description: Display a toggle field.
 links:
   - label: 'Switch'
     icon: i-simple-icons-headlessui
-    to: 'https://headlessui.com/vue/switch'
+    to: 'https://headlessui.com/v1/vue/switch'
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Toggle.vue
diff --git a/src/runtime/ui.config/overlays/modal.ts b/src/runtime/ui.config/overlays/modal.ts
index 181643da..af2887bd 100644
--- a/src/runtime/ui.config/overlays/modal.ts
+++ b/src/runtime/ui.config/overlays/modal.ts
@@ -8,7 +8,7 @@ export default {
   overlay: {
     base: 'fixed inset-0 transition-opacity',
     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: {
       enter: 'ease-out duration-300',
       enterFrom: 'opacity-0',
@@ -25,7 +25,7 @@ export default {
   width: 'w-full sm:max-w-lg',
   height: '',
   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: {
     enter: 'ease-out duration-300',
     enterFrom: 'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
diff --git a/src/runtime/ui.config/overlays/slideover.ts b/src/runtime/ui.config/overlays/slideover.ts
index 0e8c1607..dbeb62ed 100644
--- a/src/runtime/ui.config/overlays/slideover.ts
+++ b/src/runtime/ui.config/overlays/slideover.ts
@@ -3,7 +3,7 @@ export default {
   overlay: {
     base: 'fixed inset-0 transition-opacity',
     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: {
       enter: 'ease-in-out duration-500',
       enterFrom: 'opacity-0',
@@ -28,7 +28,7 @@ export default {
     top: '-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: {
     enter: 'transform transition ease-in-out duration-300',
     leave: 'transform transition ease-in-out duration-200'