From 0b799e43005d2e7757d46b618a64710d95f5c75a Mon Sep 17 00:00:00 2001
From: Qin Guan <qinguan20040914@gmail.com>
Date: Wed, 27 Mar 2024 20:54:38 +0800
Subject: [PATCH 1/3] docs(icon): add link to theming icons section (#1571)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
---
 docs/content/2.components/icon.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/content/2.components/icon.md b/docs/content/2.components/icon.md
index 264d5647..366770d5 100644
--- a/docs/content/2.components/icon.md
+++ b/docs/content/2.components/icon.md
@@ -18,7 +18,11 @@ props:
 ::
 
 ::callout{icon="i-heroicons-exclamation-triangle"}
-You won't be able to use any icon in the `name` prop here as icons are bundled using [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons), read more about this in [Theming](/getting-started/theming#icons).
+You won't be able to use all icons in the `name` prop here as icons are bundled using [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons).
+::
+
+::callout{icon="i-heroicons-light-bulb"}
+Don't forget to install and specify the icon collections you need in your `nuxt.config.ts`, read more about this in [Theming](/getting-started/theming#icons).
 ::
 
 ### Dynamic

From dd8a122933cebdd0d3fee34662b2ad8f9f79729c Mon Sep 17 00:00:00 2001
From: Neil Richter <me@neilrichter.com>
Date: Wed, 27 Mar 2024 13:55:23 +0100
Subject: [PATCH 2/3] docs(installation): update regex to match `@nuxt/eslint`
 rules (#1572)

---
 docs/content/1.getting-started/2.installation.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/content/1.getting-started/2.installation.md b/docs/content/1.getting-started/2.installation.md
index ea9b14f5..705fb6f9 100644
--- a/docs/content/1.getting-started/2.installation.md
+++ b/docs/content/1.getting-started/2.installation.md
@@ -194,7 +194,7 @@ To enable these two features, you can add the following to your `.vscode/setting
 {
   "tailwindCSS.experimental.classRegex": [
     ["ui:\\s*{([^)]*)\\s*}", "[\"'`]([^\"'`]*).*?[\"'`]"],
-    ["/\\*ui\\*/\\s*{([^;]*)}", ":\\s*[\"'`]([^\"'`]*).*?[\"'`]"]
+    ["/\\*\\s?ui\\s?\\*/\\s*{([^;]*)}", ":\\s*[\"'`]([^\"'`]*).*?[\"'`]"]
   ]
 }
 ```
@@ -207,7 +207,7 @@ An example SFC using IntelliSense (note the `/*ui*/` prefix, also works with `re
 </template>
 
 <script setup lang="ts">
-const ui = /*ui*/ {
+const ui = /* ui */ {
   background: 'bg-white dark:bg-slate-900'
 }
 </script>

From bd8b737642280e6a83b67f9a27dd7a823a77e963 Mon Sep 17 00:00:00 2001
From: Mahdi Shah Abbasian <mahdi.shahabbasian@gmail.com>
Date: Wed, 27 Mar 2024 16:27:09 +0330
Subject: [PATCH 3/3] fix(Divider): add `w-full` only on horizontal wrapper
 (#1565)

---
 src/runtime/ui.config/layout/divider.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/ui.config/layout/divider.ts b/src/runtime/ui.config/layout/divider.ts
index 207cfbe2..acb5db5e 100644
--- a/src/runtime/ui.config/layout/divider.ts
+++ b/src/runtime/ui.config/layout/divider.ts
@@ -1,7 +1,7 @@
 export default {
   wrapper: {
-    base: 'flex items-center align-center text-center w-full',
-    horizontal: 'flex-row',
+    base: 'flex items-center align-center text-center',
+    horizontal: 'w-full flex-row',
     vertical: 'flex-col'
   },
   container: {