Merge pull request #310 from neo773/i18n

Cap-go · Aug 27, 2023 · d98db0e · d98db0e
2 parents 2f00178 + 21d11cc
commit d98db0e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/TabSidebar.vue b/src/components/TabSidebar.vue
@@ -2,6 +2,7 @@
 import { watch } from 'vue'
 import { useRouter } from 'vue-router'
 import type { Tab } from './comp_def'
+import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
   tabs: Tab[]
@@ -11,6 +12,7 @@ const props = defineProps<{
 
 const emit = defineEmits(['update:activeTab'])
 const router = useRouter()
+const { t } = useI18n()
 
 function openLink(link: string) {
   emit('update:activeTab', link)
@@ -47,7 +49,7 @@ watch(props, (p) => {
               <li v-for="(m, i) in tabs" :key="i" class="mr-0.5 md:mb-0.5 md:mr-0" @click="openLink(m.key)">
                 <button class="flex items-center whitespace-nowrap rounded px-2.5 py-2">
                   <component :is="m.icon" class="w-4 h-4 mr-2 fill-current shrink-0" :class="{ 'text-blue-600': isActive(m.key), 'text-slate-400': !isActive(m.key) }" />
-                  <span class="hidden text-sm font-medium md:block" :class="{ 'text-blue-600': isActive(m.key), 'text-slate-400': !isActive(m.key) }">{{ m.label }}</span>
+                  <span class="hidden text-sm font-medium md:block" :class="{ 'text-blue-600': isActive(m.key), 'text-slate-400': !isActive(m.key) }">{{ t(m.label) }}</span>
                 </button>
               </li>
             </ul>

diff --git a/src/layouts/settings.vue b/src/layouts/settings.vue
@@ -24,29 +24,29 @@ const ActiveTab = ref('')
 
 const tabs = ref<Tab[]>([
   {
-    label: t('account'),
+    label: 'account',
     icon: shallowRef(IconAcount),
     key: '/dashboard/settings/account',
   },
   {
-    label: t('password'),
+    label: 'password',
     icon: shallowRef(IconPassword),
     key: '/dashboard/settings/changepassword',
   },
   {
-    label: t('notifications'),
+    label: 'notifications',
     icon: shallowRef(IconNotification),
     key: '/dashboard/settings/notifications',
   },
   {
-    label: t('plans'),
+    label: 'plans',
     icon: shallowRef(IconPlans),
     key: '/dashboard/settings/plans',
   },
 ])
 if (!Capacitor.isNativePlatform()) {
   tabs.value.push({
-    label: t('billing'),
+    label: 'billing',
     icon: shallowRef(IconBilling) as any,
     key: '/billing',
     onClick: openPortal,
@@ -56,7 +56,7 @@ if (main.user?.id) {
   isAdmin(main.user?.id).then((res) => {
     if (!!res || isSpoofed()) {
       tabs.value.push({
-        label: t('admin'),
+        label: 'admin',
         icon: shallowRef(IconAdmin) as any,
         key: '/dashboard/settings/admin',
       })