From 1fbbfe8df06b3b8b294615ac328d582c5230aa8b Mon Sep 17 00:00:00 2001 From: Malik-Jouda <48517781+Malik-Jouda@users.noreply.github.com> Date: Fri, 15 Nov 2024 13:00:51 +0200 Subject: [PATCH] fix(Carousel): use `dir` from locale (#2647) --- src/runtime/components/Carousel.vue | 3 +-- src/theme/carousel.ts | 4 ++-- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue index 2eb7683c..4cfdeec4 100644 --- a/src/runtime/components/Carousel.vue +++ b/src/runtime/components/Carousel.vue @@ -149,8 +149,7 @@ const options = computed(() => ({ ...(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(async () => { diff --git a/src/theme/carousel.ts b/src/theme/carousel.ts index a6a402e7..7911c986 100644 --- a/src/theme/carousel.ts +++ b/src/theme/carousel.ts @@ -18,8 +18,8 @@ export default (options: Required) => ({ 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',