docs: update badges

Author: benjamincanac

docs/content/docs/1.getting-started/2.installation/1.nuxt.md

@@ -395,7 +395,7 @@ export default defineNuxtConfig({
 })
 ```
 
-### `experimental.componentDetection` :badge{label="Soon"}
+### `experimental.componentDetection` :badge{label="4.1+"}
 
 Use the `experimental.componentDetection` option to enable automatic component detection for tree-shaking. This feature scans your source code to detect which components are actually used and only generates the necessary CSS for those components (including their dependencies).
 

docs/content/docs/2.components/command-palette.md

@@ -889,7 +889,7 @@ props:
 ---
 ::
 
-### With virtualization :badge{label="Soon"}
+### With virtualization :badge{label="4.1+"}
 
 Use the `virtualize` prop to enable virtualization for large lists as a boolean or an object with options like `{ estimateSize: 32, overscan: 12 }`.
 

docs/content/docs/2.components/empty.md

@@ -6,7 +6,7 @@ links:
   - label: GitHub
     icon: i-simple-icons-github
     to: https://github.com/nuxt/ui/blob/v4/src/runtime/components/Empty.vue
-navigation.badge: Soon
+navigation.badge: New
 ---
 
 ## Usage

docs/content/docs/2.components/input-menu.md

@@ -782,7 +782,7 @@ name: 'input-menu-filter-fields-example'
 ---
 ::
 
-### With virtualization :badge{label="Soon"}
+### With virtualization :badge{label="4.1+"}
 
 Use the `virtualize` prop to enable virtualization for large lists as a boolean or an object with options like `{ estimateSize: 32, overscan: 12 }`.
 

docs/content/docs/2.components/select-menu.md

@@ -821,7 +821,7 @@ name: 'select-menu-filter-fields-example'
 ---
 ::
 
-### With virtualization :badge{label="Soon"}
+### With virtualization :badge{label="4.1+"}
 
 Use the `virtualize` prop to enable virtualization for large lists as a boolean or an object with options like `{ estimateSize: 32, overscan: 12 }`.
 

docs/content/docs/2.components/table.md

@@ -595,7 +595,7 @@ class: '!p-0'
 ---
 ::
 
-### With virtualization :badge{label="Soon"}
+### With virtualization :badge{label="4.1+"}
 
 Use the `virtualize` prop to enable virtualization for large datasets as a boolean or an object with options like `{ estimateSize: 65, overscan: 12 }`. You can also pass other [TanStack Virtual options](https://tanstack.com/virtual/latest/docs/api/virtualizer#optional-options) to customize the virtualization behavior.
 

docs/content/docs/2.components/toast.md

@@ -260,7 +260,7 @@ name: 'toast-example'
 In this example, we use the `AppConfig` to configure the `duration` prop of the `Toaster` component globally.
 ::
 
-### Change global max :badge{label="Soon"}
+### Change global max :badge{label="4.1+"}
 
 Change the `toaster.max` prop on the [App](/docs/components/app#props) component to change the max number of toasts displayed at once.
 

docs/content/docs/2.components/tree.md

@@ -148,7 +148,7 @@ props:
 ---
 ::
 
-### Nested :badge{label="Soon"}
+### Nested :badge{label="4.1+"}
 
 Use the `nested` prop to control whether the Tree is rendered with nested structure or as a flat list. Defaults to `true`.
 
@@ -501,7 +501,7 @@ props:
 This lets you select a parent item without expanding or collapsing its children.
 ::
 
-### With checkbox in items :badge{label="Soon"}
+### With checkbox in items :badge{label="4.1+"}
 
 You can use the `item-leading` slot to add a [Checkbox](/docs/components/checkbox) to the items. Use the `multiple`, `propagate-select` and `bubble-select` props to enable multi-selection with parent-child relationship and the `select` and `toggle` events to control the selected and expanded state of the items.
 
@@ -518,7 +518,7 @@ props:
 This example uses the `as` prop to change the items from `button` to `div` as the [`Checkbox`](/docs/components/checkbox) is also rendered as a `button`.
 ::
 
-### With drag and drop :badge{label="Soon"}
+### With drag and drop :badge{label="4.1+"}
 
 Use the [`useSortable`](https://vueuse.org/integrations/useSortable/) composable from [`@vueuse/integrations`](https://vueuse.org/integrations/README.html) to enable drag and drop functionality on the Tree. This integration wraps [Sortable.js](https://sortablejs.github.io/Sortable/) to provide a seamless drag and drop experience.
 
@@ -532,7 +532,7 @@ name: 'tree-drag-and-drop-example'
 This example sets the `nested` prop to `false` to have a flat list of items so that the items can be dragged and dropped.
 ::
 
-### With virtualization :badge{label="Soon"}
+### With virtualization :badge{label="4.1+"}
 
 Use the `virtualize` prop to enable virtualization for large lists as a boolean or an object with options like `{ estimateSize: 32, overscan: 12 }`.