fix: initialize RTL check once

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

Author: Antreesy

src/components/NcActionButton/NcActionButton.vue

@@ -371,7 +371,9 @@ import CheckIcon from 'vue-material-design-icons/Check.vue'
 import ChevronRightIcon from 'vue-material-design-icons/ChevronRight.vue'
 import ChevronLeftIcon from 'vue-material-design-icons/ChevronLeft.vue'
 import ActionTextMixin from '../../mixins/actionText.js'
-import { isRTL } from '@nextcloud/l10n'
+import { isRTL as isRTLFunction } from '@nextcloud/l10n'
+
+const isRTL = isRTLFunction()
 
 /**
  * Button component to be used in Actions
@@ -386,7 +388,7 @@ export default {
 	},
 	setup() {
 		return {
-			isRTL: isRTL(),
+			isRTL,
 		}
 	},
 	mixins: [ActionTextMixin],

src/components/NcActionTextEditable/NcActionTextEditable.vue

@@ -98,7 +98,9 @@ import GenRandomId from '../../utils/GenRandomId.js'
 import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 
-import { isRTL } from '@nextcloud/l10n'
+import { isRTL as isRTLFunction } from '@nextcloud/l10n'
+
+const isRTL = isRTLFunction()
 
 export default {
 	name: 'NcActionTextEditable',
@@ -170,7 +172,7 @@ export default {
 		const model = useModelMigration('value', 'update:value')
 		return {
 			model,
-			isRTL: isRTL(),
+			isRTL,
 		}
 	},
 

src/components/NcAppContent/NcAppContent.vue

@@ -112,7 +112,9 @@ import { Splitpanes, Pane } from 'splitpanes'
 
 import 'splitpanes/dist/splitpanes.css'
 import { emit } from '@nextcloud/event-bus'
-import { isRTL } from '@nextcloud/l10n'
+import { isRTL as isRTLFunction } from '@nextcloud/l10n'
+
+const isRTL = isRTLFunction()
 
 const browserStorage = getBuilder('nextcloud').persist().build()
 
@@ -227,7 +229,7 @@ export default {
 	setup() {
 		return {
 			isMobile: useIsMobile(),
-			isRTL: isRTL(),
+			isRTL,
 		}
 	},
 

src/components/NcAppContent/NcAppDetailsToggle.vue

@@ -27,7 +27,9 @@ import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
 
 import { useIsMobile } from '../../composables/useIsMobile/index.js'
-import { isRTL } from '@nextcloud/l10n'
+import { isRTL as isRTLFunction } from '@nextcloud/l10n'
+
+const isRTL = isRTLFunction()
 
 export default {
 	name: 'NcAppDetailsToggle',
@@ -43,7 +45,7 @@ export default {
 	},
 	setup() {
 		return {
-			isRTL: isRTL(),
+			isRTL,
 			isMobile: useIsMobile(),
 		}
 	},