fix(Carousel): use dir from locale (#2647)

nuxt · Nov 15, 2024 · 1fbbfe8 · 1fbbfe8
1 parent 0daac5b
commit 1fbbfe8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
@@ -149,8 +149,7 @@ const options = computed<EmblaOptionsType>(() => ({
   ...(props.fade ? { align: 'center', containScroll: false } : {}),
   ...rootProps.value,
   axis: props.orientation === 'horizontal' ? 'x' : 'y',
-  // TODO: Get from ConfigProvider
-  direction: 'ltr'
+  direction: dir.value === 'rtl' ? 'rtl' : 'ltr'
 }))
 
 const plugins = computedAsync<EmblaPluginType[]>(async () => {

diff --git a/src/theme/carousel.ts b/src/theme/carousel.ts
@@ -18,8 +18,8 @@ export default (options: Required<ModuleOptions>) => ({
       vertical: {
         container: 'flex-col -mt-4',
         item: 'pt-4',
-        prev: '-top-12 left-1/2 -translate-x-1/2 rotate-90',
-        next: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90'
+        prev: '-top-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90',
+        next: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90'
       },
       horizontal: {
         container: 'flex-row -ms-4',