docs: rename dev to v2

2026-01-24 00:40:34 +01:00 · 2025-03-12 14:46:34 +01:00
parent 0eca0fd201
commit 88b17cd93c
45 changed files with 58 additions and 58 deletions
--- a/docs/content/2.components/accordion.md
+++ b/docs/content/2.components/accordion.md
@@ -6,7 +6,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Accordion.vue
 ---

 ## Usage
--- a/docs/content/2.components/alert.md
+++ b/docs/content/2.components/alert.md
@@ -3,7 +3,7 @@ description: Display an alert element to draw attention.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Alert.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Alert.vue
 ---

 ## Usage
--- a/docs/content/2.components/avatar.md
+++ b/docs/content/2.components/avatar.md
@@ -3,7 +3,7 @@ description: Display an image that represents a resource or a group of resources
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Avatar.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Avatar.vue
 ---

 ## Usage
--- a/docs/content/2.components/badge.md
+++ b/docs/content/2.components/badge.md
@@ -3,7 +3,7 @@ description: Display a short text to represent a status or a category.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Badge.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Badge.vue
 ---

 ## Usage
--- a/docs/content/2.components/breadcrumb.md
+++ b/docs/content/2.components/breadcrumb.md
@@ -4,7 +4,7 @@ description: A list of links that indicate the current page's location within a
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/Breadcrumb.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/navigation/Breadcrumb.vue
 ---

 ## Usage
--- a/docs/content/2.components/button.md
+++ b/docs/content/2.components/button.md
@@ -3,7 +3,7 @@ description: Create a button with icon or link capabilities.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Button.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Button.vue
 ---

 ## Usage
--- a/docs/content/2.components/card.md
+++ b/docs/content/2.components/card.md
@@ -3,7 +3,7 @@ description: Display a card for content with a header, body and footer.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/layout/Card.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/layout/Card.vue
 ---

 ## Usage
--- a/docs/content/2.components/carousel.md
+++ b/docs/content/2.components/carousel.md
@@ -3,7 +3,7 @@ description: Display images or content in a scrollable area.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Carousel.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Carousel.vue
 ---

 ## Usage
--- a/docs/content/2.components/checkbox.md
+++ b/docs/content/2.components/checkbox.md
@@ -3,7 +3,7 @@ description: Display a checkbox field.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Checkbox.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Checkbox.vue
 ---

 ## Usage
--- a/docs/content/2.components/chip.md
+++ b/docs/content/2.components/chip.md
@@ -3,7 +3,7 @@ description: Display a chip indicator on any component.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Chip.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Chip.vue
 ---

 ## Usage
--- a/docs/content/2.components/command-palette.md
+++ b/docs/content/2.components/command-palette.md
@@ -7,7 +7,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/navigation/CommandPalette.vue
 ---

 ## Usage
@@ -274,7 +274,7 @@ hiddenCode: true
 ---
 ::

-::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/dev/docs/components/content/examples/CommandPaletteExampleThemeAlgolia.vue#L23" target="_blank"}
+::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v2/docs/components/content/examples/CommandPaletteExampleThemeAlgolia.vue#L23" target="_blank"}
 Take a look at the component!
 ::

@@ -290,6 +290,6 @@ hiddenCode: true
 ---
 ::

-::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/dev/docs/components/content/examples/CommandPaletteExampleThemeRaycast.vue#L30" target="_blank"}
+::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v2/docs/components/content/examples/CommandPaletteExampleThemeRaycast.vue#L30" target="_blank"}
 Take a look at the component!
 ::
--- a/docs/content/2.components/container.md
+++ b/docs/content/2.components/container.md
@@ -3,7 +3,7 @@ description: A container lets you center and constrain the width of your content
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/layout/Container.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/layout/Container.vue
 ---

 ## Usage
--- a/docs/content/2.components/context-menu.md
+++ b/docs/content/2.components/context-menu.md
@@ -4,7 +4,7 @@ description: Display a menu that appears on right click.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/ContextMenu.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/overlays/ContextMenu.vue
 ---

 ## Usage
--- a/docs/content/2.components/divider.md
+++ b/docs/content/2.components/divider.md
@@ -3,7 +3,7 @@ description: Display a separator between content.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/layout/Divider.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/layout/Divider.vue
 ---

 ## Usage
--- a/docs/content/2.components/dropdown.md
+++ b/docs/content/2.components/dropdown.md
@@ -6,7 +6,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Dropdown.vue
 ---

 ## Usage
--- a/docs/content/2.components/form-group.md
+++ b/docs/content/2.components/form-group.md
@@ -4,7 +4,7 @@ description: Display a label and additional informations around a form element.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/FormGroup.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/FormGroup.vue
 ---


--- a/docs/content/2.components/form.md
+++ b/docs/content/2.components/form.md
@@ -3,7 +3,7 @@ description: Collect and validate form data.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Form.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Form.vue
 ---

 ## Usage
@@ -190,7 +190,7 @@ hiddenCode: true
 ---
 ::

-::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/dev/docs/components/content/examples/FormExampleElements.vue" target="_blank"}
+::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v2/docs/components/content/examples/FormExampleElements.vue" target="_blank"}
 Take a look at the component!
 ::

--- a/docs/content/2.components/horizontal-navigation.md
+++ b/docs/content/2.components/horizontal-navigation.md
@@ -4,7 +4,7 @@ description: Display a list of horizontal links.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/HorizontalNavigation.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/navigation/HorizontalNavigation.vue
 ---

 ## Usage
--- a/docs/content/2.components/input-menu.md
+++ b/docs/content/2.components/input-menu.md
@@ -7,7 +7,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/InputMenu.vue
 ---

 ## Usage
--- a/docs/content/2.components/input.md
+++ b/docs/content/2.components/input.md
@@ -3,7 +3,7 @@ description: Display an input field.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Input.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Input.vue
 ---

 ## Usage
--- a/docs/content/2.components/kbd.md
+++ b/docs/content/2.components/kbd.md
@@ -4,7 +4,7 @@ description: Display a keyboard key in a text block.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Kbd.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Kbd.vue
 navigation:
  title: 'Kbd'
 ---
--- a/docs/content/2.components/link.md
+++ b/docs/content/2.components/link.md
@@ -4,7 +4,7 @@ description: Render a NuxtLink but with superpowers.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Link.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Link.vue
 ---

 ## Usage
@@ -14,7 +14,7 @@ The Link component is a wrapper around [`<NuxtLink>`](https://nuxt.com/docs/api/
 - `inactive-class` prop to set a class when the link is inactive, `active-class` is used when active.
 - `exact` prop to style with `active-class` when the link is active and the route is exactly the same as the current route.
 - `exact-query` and `exact-hash` props to style with `active-class` when the link is active and the query or hash is exactly the same as the current query or hash.
-  - use `exact-query="partial"` to style with `active-class` when the link is active and the query partially match the current query. 
+  - use `exact-query="partial"` to style with `active-class` when the link is active and the query partially match the current query.

 The incentive behind this is to provide the same API as NuxtLink back in Nuxt 2 / Vue 2. You can read more about it in the Vue Router [migration from Vue 2](https://router.vuejs.org/guide/migration/#removal-of-the-exact-prop-in-router-link) guide.

--- a/docs/content/2.components/meter.md
+++ b/docs/content/2.components/meter.md
@@ -4,7 +4,7 @@ description: Display a gauge meter that fills or depletes.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Meter.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Meter.vue
 ---

 ## Usage
--- a/docs/content/2.components/modal.md
+++ b/docs/content/2.components/modal.md
@@ -6,7 +6,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/overlays/Modal.vue
 ---

 ## Usage
--- a/docs/content/2.components/notification.md
+++ b/docs/content/2.components/notification.md
@@ -3,7 +3,7 @@ description: Display a toast notification in your app.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Notification.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/overlays/Notification.vue
 ---

 ## Usage
--- a/docs/content/2.components/pagination.md
+++ b/docs/content/2.components/pagination.md
@@ -3,7 +3,7 @@ description: Add a pagination to handle pages.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/Pagination.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/navigation/Pagination.vue
 ---

 ## Usage
--- a/docs/content/2.components/popover.md
+++ b/docs/content/2.components/popover.md
@@ -6,7 +6,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/overlays/Popover.vue
 ---

 ## Usage
--- a/docs/content/2.components/progress.md
+++ b/docs/content/2.components/progress.md
@@ -4,7 +4,7 @@ description: Show a horizontal bar to indicate task progression.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/elements/Progress.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/elements/Progress.vue
 ---

 ## Usage
--- a/docs/content/2.components/radio-group.md
+++ b/docs/content/2.components/radio-group.md
@@ -4,7 +4,7 @@ description: Display a set of radio buttons.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/RadioGroup.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/RadioGroup.vue
 ---

 ## Usage
--- a/docs/content/2.components/range.md
+++ b/docs/content/2.components/range.md
@@ -3,7 +3,7 @@ description: Display a range field
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Range.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Range.vue
 ---

 ## Usage
--- a/docs/content/2.components/select-menu.md
+++ b/docs/content/2.components/select-menu.md
@@ -7,7 +7,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/SelectMenu.vue
 ---

 ## Usage
--- a/docs/content/2.components/select.md
+++ b/docs/content/2.components/select.md
@@ -3,7 +3,7 @@ description: Display a select field.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Select.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Select.vue
 ---

 ## Usage
--- a/docs/content/2.components/skeleton.md
+++ b/docs/content/2.components/skeleton.md
@@ -3,7 +3,7 @@ description: Display a placeholder while content is loading.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/layout/Skeleton.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/layout/Skeleton.vue
 ---

 ## Usage
--- a/docs/content/2.components/slideover.md
+++ b/docs/content/2.components/slideover.md
@@ -6,7 +6,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/overlays/Slideover.vue
 ---

 ## Usage
--- a/docs/content/2.components/table.md
+++ b/docs/content/2.components/table.md
@@ -3,7 +3,7 @@ description: 'Display data in a table.'
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/data/Table.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/data/Table.vue
 ---

 ## Usage
@@ -311,9 +311,9 @@ const onUpdateSelection = (selectedRows: any[]) => {
 </script>

 <template>
-  <UTable 
-    v-model="selected" 
-    :rows="people" 
+  <UTable
+    v-model="selected"
+    :rows="people"
    @select:all="onHandleSelectAll"
    @update:modelValue="onUpdateSelection"
  />
@@ -598,7 +598,7 @@ This slot allows you to customize the checkbox appearance in the table header fo
 #### Usage
 ```vue
 <template>
-  <UTable v-model="selectable"> 
+  <UTable v-model="selectable">
    <template #select-header="{ checked, change, indeterminate }">
      <!-- Place your custom component here -->
    </template>
@@ -620,7 +620,7 @@ This slot allows you to customize the checkbox appearance in the table header fo
  <UTable>
    <!-- Header checkbox customization -->
    <template #select-header="{ indeterminate, checked, change }">
-      <input 
+      <input
        type="checkbox"
        :indeterminate="indeterminate"
        :checked="checked"
@@ -658,7 +658,7 @@ This slot allows you to customize the checkbox appearance for each row in the ta
  <UTable>
    <!-- Row checkbox customization -->
    <template #select-data="{ checked, change }">
-      <input 
+      <input
        type="checkbox"
        :checked="checked"
        @change="e => change(e.target.checked)"
@@ -769,6 +769,6 @@ hiddenCode: true
 ---
 ::

-::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/dev/docs/components/content/examples/TableExampleAdvanced.vue" target="_blank"}
+::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v2/docs/components/content/examples/TableExampleAdvanced.vue" target="_blank"}
 Take a look at the component!
 ::
--- a/docs/content/2.components/tabs.md
+++ b/docs/content/2.components/tabs.md
@@ -3,7 +3,7 @@ description: A set of tab panels that are displayed one at a time.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/Tabs.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/navigation/Tabs.vue
 ---

 ## Usage
--- a/docs/content/2.components/textarea.md
+++ b/docs/content/2.components/textarea.md
@@ -3,7 +3,7 @@ description: Display a textarea field.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/Textarea.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Textarea.vue
 ---

 ## Usage
--- a/docs/content/2.components/toggle.md
+++ b/docs/content/2.components/toggle.md
@@ -6,7 +6,7 @@ links:
    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
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/forms/Toggle.vue
 ---

 ## Usage
--- a/docs/content/2.components/tooltip.md
+++ b/docs/content/2.components/tooltip.md
@@ -3,7 +3,7 @@ description: Display content that appears on hover next to an element.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Tooltip.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/overlays/Tooltip.vue
 ---

 ## Usage
--- a/docs/content/2.components/vertical-navigation.md
+++ b/docs/content/2.components/vertical-navigation.md
@@ -4,7 +4,7 @@ description: Display a list of vertical links.
 links:
  - label: GitHub
    icon: i-simple-icons-github
-    to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/navigation/VerticalNavigation.vue
+    to: https://github.com/nuxt/ui/blob/v2/src/runtime/components/navigation/VerticalNavigation.vue
 ---

 ## Usage