From 80e09df3429f19f6ea576bba50dd91c2b3dbbcda Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 27 Jun 2023 17:36:15 +0200
Subject: [PATCH] docs(examples): update rtl support

---
 .../PaginationExampleRTL.vue}                             | 6 +++---
 docs/content/1.getting-started/5.examples.md              | 8 ++++++--
 2 files changed, 9 insertions(+), 5 deletions(-)
 rename docs/components/content/{themes/LTRAndRTLTheme.vue => examples/PaginationExampleRTL.vue} (89%)

diff --git a/docs/components/content/themes/LTRAndRTLTheme.vue b/docs/components/content/examples/PaginationExampleRTL.vue
similarity index 89%
rename from docs/components/content/themes/LTRAndRTLTheme.vue
rename to docs/components/content/examples/PaginationExampleRTL.vue
index 238a881c..2c2f3b69 100644
--- a/docs/components/content/themes/LTRAndRTLTheme.vue
+++ b/docs/components/content/examples/PaginationExampleRTL.vue
@@ -4,8 +4,8 @@ const items = ref(Array(55))
 </script>
 
 <template>
-  <div class="w-full gap-3">
-    <div class="flex justify-between w-full mb-2 border-b pb-4">
+  <div class="w-full divide-y divide-gray-200 dark:divide-gray-700 space-y-4">
+    <div class="flex justify-between w-full">
       <div dir="ltr">
         <UInput
           icon="i-heroicons-magnifying-glass-20-solid"
@@ -27,7 +27,7 @@ const items = ref(Array(55))
       </div>
     </div>
 
-    <div class="flex justify-between w-full mt-4">
+    <div class="flex justify-between w-full pt-4">
       <div dir="ltr">
         <UPagination
           v-model="page"
diff --git a/docs/content/1.getting-started/5.examples.md b/docs/content/1.getting-started/5.examples.md
index 892aba00..ec1b745f 100644
--- a/docs/content/1.getting-started/5.examples.md
+++ b/docs/content/1.getting-started/5.examples.md
@@ -250,9 +250,13 @@ const items = ref(Array(55))
 ```
 ::
 
-### LTR and RTL
+## RTL Support
+
+Here are some examples of how components look like in RTL mode.
+
+### Pagination
 
 ::component-example
 #default
-:l-t-r-and-r-t-l-theme
+:pagination-example-r-t-l
 ::