Fix locale issue on LocaleProvider

erfanmola · Oct 10, 2023 · ae1a95a · ae1a95a
1 parent a5d4c1b
commit ae1a95a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@erfanmola/televue",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "files": [
     "dist"

diff --git a/src/providers/LocaleProvider.vue b/src/providers/LocaleProvider.vue
@@ -23,18 +23,19 @@
         "yi", // Yiddish
     ];
 
-    const direction = rtlLocales.includes(props.locale) ? 'rtl' : 'ltr';
+    const finalLocale    = props.locale || WebApp.initDataUnsafe.user?.language_code?.toString().toLowerCase() || 'en';
+    const finalDirection = props.direction || rtlLocales.includes(finalLocale) ? 'rtl' : 'ltr';
 
-    document.body.classList.add(direction);
+    document.body.classList.add(finalDirection);
 
-    provide('locale', props.locale || WebApp.initDataUnsafe.user?.language_code?.toString().toLowerCase() || 'en');
-    provide('direction', props.direction || direction);
+    provide('locale', finalLocale);
+    provide('direction', finalDirection);
 </script>
 
 <template>
     <div :class="[
-        `tele-vue-direction-${ direction }`,
-        `tele-vue-locale-${ locale }`
+        `tele-vue-direction-${ finalDirection }`,
+        `tele-vue-locale-${ finalLocale }`
     ]">
         <slot />
     </div>