From dd55b4f602cd71527f7d7387bf73dcce907bd2e9 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 22 Nov 2023 15:15:28 +0100
Subject: [PATCH] docs: add missing `New` badges

---
 docs/content/1.getting-started/3.theming.md | 2 +-
 docs/content/3.forms/7.toggle.md            | 2 +-
 docs/content/3.forms/9.form-group.md        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/content/1.getting-started/3.theming.md b/docs/content/1.getting-started/3.theming.md
index 77fb85c5..9394cf41 100644
--- a/docs/content/1.getting-started/3.theming.md
+++ b/docs/content/1.getting-started/3.theming.md
@@ -311,7 +311,7 @@ export default defineNuxtConfig({
 })
 ```
 
-### Custom config
+### Custom config :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 If you have specific needs, like using a custom icon collection, you can use the `icons` option in your `nuxt.config.ts` as an object to override the config of the [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons#plugin-options) plugin.
 
diff --git a/docs/content/3.forms/7.toggle.md b/docs/content/3.forms/7.toggle.md
index 3028e8c4..cc5a9b8b 100644
--- a/docs/content/3.forms/7.toggle.md
+++ b/docs/content/3.forms/7.toggle.md
@@ -26,7 +26,7 @@ props:
 ---
 ::
 
-### Size
+### Size :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `size` prop to change the size of the Toggle.
 
diff --git a/docs/content/3.forms/9.form-group.md b/docs/content/3.forms/9.form-group.md
index 605b22e7..a962d021 100644
--- a/docs/content/3.forms/9.form-group.md
+++ b/docs/content/3.forms/9.form-group.md
@@ -163,7 +163,7 @@ code: >-
   This will only work with form elements that support the `size` prop.
 ::
 
-### Eager Validation
+### Eager Validation :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 By default, validation is only triggered after the initial `blur` event. This is to prevent the form from being validated as the user is typing. You can override this behavior by setting the `eager-validation` prop to `true`