docs: update badges

docs/content/2.elements/1.accordion.md

@@ -7,8 +7,6 @@ links:
   - label: Disclosure
     icon: i-simple-icons-headlessui
     to: 'https://headlessui.com/vue/disclosure'
-navigation:
-  badge: New
 ---
 
 ## Usage

docs/content/2.elements/2.alert.md

@@ -5,7 +5,7 @@ links:
     icon: i-simple-icons-github
     to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Alert.vue
 navigation:
-  badge: Edge
+  badge: New
 ---
 
 ## Usage

docs/content/2.elements/4.badge.md

@@ -31,7 +31,7 @@ props:
 
 Use the `color` and `variant` props to change the visual style of the Badge.
 
-- `variant` can be `solid` (default), `outline`, `soft` or `subtle`.
+- `variant` can be `solid` (default), `outline`, `soft` or `subtle`. :u-badge{label="New" class="!rounded-full" variant="subtle"}
 
 ::component-card
 ---
@@ -45,7 +45,7 @@ Badge
 
 Besides all the colors from the `ui.colors` object, you can also use the `white` and `black` colors with their pre-defined variants.
 
-#### White :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
+#### White :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
 
 ::component-card
 ---
@@ -62,7 +62,7 @@ excludedProps:
 Badge
 ::
 
-#### Gray :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
+#### Gray :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
 
 ::component-card
 ---
@@ -79,7 +79,7 @@ excludedProps:
 Badge
 ::
 
-#### Black :u-badge{label="Edge" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
+#### Black :u-badge{label="New" class="ml-2 align-text-bottom !rounded-full" variant="subtle"}
 
 ::component-card
 ---

docs/content/2.elements/9.link.md

@@ -6,7 +6,7 @@ links:
     icon: i-simple-icons-github
     to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Link.vue
 navigation:
-  badge: Edge
+  badge: New
 ---
 
 ## Usage