feat: navbar lang

src/App.vue

@@ -23,15 +23,13 @@ onMounted(() => {
 </script>
 
 <template>
-  <VLocaleProvider :rtl="isAppRtl">
+  <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
-    <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
+  <VApp
-    <VApp
+    :style="`--v-global-theme-primary: ${hexToRgb(
-      :style="`--v-global-theme-primary: ${hexToRgb(
+      global.current.value.colors.primary
-        global.current.value.colors.primary
+    )}`"
-      )}`"
+  >
-    >
+    <RouterView />
-      <RouterView />
+    <TxDialog />
-      <TxDialog/>
+  </VApp>
-    </VApp>
-  </VLocaleProvider>
 </template>

src/layouts/components/NavBarI18n.vue

@@ -14,10 +14,10 @@ const i18nCompLanguages: I18nLanguage[] = [
     label: '中文',
     i18nLang: 'cn',
   },
-  {
+  // {
-    label: 'Arabic',
+  //   label: 'Arabic',
-    i18nLang: 'ar',
+  //   i18nLang: 'ar',
-  },
+  // },
 ];
 
 const handleLangChange = (lang: string) => {