by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: optimize the naming of locale key

Browse Source
This commit is contained in:
vince
2024-07-10 21:55:16 +08:00
parent 25a1e93ab2
commit 4674380266
59 changed files with 664 additions and 1253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/business/layouts/src/authentication/authentication.vue
View File

@@ -49,10 +49,10 @@ const appName = computed(() => preferences.app.name);
<div class="flex-col-center -enter-x mr-20 h-full">
<SloganIcon :alt="appName" class="animate-float h-64 w-2/5" />
<div class="text-1xl mt-6 font-sans text-white lg:text-2xl">
{{ $t('authentication.page-title') }}
{{ $t('authentication.pageTitle') }}
</div>
<div class="dark:text-muted-foreground mt-2 text-white/60">
{{ $t('authentication.page-desc') }}
{{ $t('authentication.pageDesc') }}
</div>
</div>
</div>

16
packages/business/layouts/src/basic/tabbar/use-tabs.ts
View File

@@ -117,7 +117,7 @@ function useTabs() {
},
icon: IcRoundRefresh,
key: 'reload',
text: $t('preferences.tabbar.context-menu.reload'),
text: $t('preferences.tabbar.contextMenu.reload'),
},
{
disabled: !!affixTab || disabled,
@@ -126,7 +126,7 @@ function useTabs() {
},
icon: IcRoundClose,
key: 'close',
text: $t('preferences.tabbar.context-menu.close'),
text: $t('preferences.tabbar.contextMenu.close'),
},
{
handler: async () => {
@@ -138,8 +138,8 @@ function useTabs() {
key: 'affix',
separator: true,
text: affixTab
? $t('preferences.tabbar.context-menu.unpin')
: $t('preferences.tabbar.context-menu.pin'),
? $t('preferences.tabbar.contextMenu.unpin')
: $t('preferences.tabbar.contextMenu.pin'),
},
{
disabled: closeLeftDisabled,
@@ -148,7 +148,7 @@ function useTabs() {
},
icon: MdiFormatHorizontalAlignLeft,
key: 'close-left',
text: $t('preferences.tabbar.context-menu.close-left'),
text: $t('preferences.tabbar.contextMenu.closeLeft'),
},
{
disabled: closeRightDisabled,
@@ -158,7 +158,7 @@ function useTabs() {
icon: MdiFormatHorizontalAlignRight,
key: 'close-right',
separator: true,
text: $t('preferences.tabbar.context-menu.close-right'),
text: $t('preferences.tabbar.contextMenu.closeRight'),
},
{
disabled: closeOtherDisabled,
@@ -167,7 +167,7 @@ function useTabs() {
},
icon: MdiArrowExpandHorizontal,
key: 'close-other',
text: $t('preferences.tabbar.context-menu.close-other'),
text: $t('preferences.tabbar.contextMenu.closeOther'),
},
{
disabled,
@@ -176,7 +176,7 @@ function useTabs() {
},
icon: IcRoundMultipleStop,
key: 'close-all',
text: $t('preferences.tabbar.context-menu.close-all'),
text: $t('preferences.tabbar.contextMenu.closeAll'),
},
// {
// icon: 'icon-[material-symbols--back-to-tab-sharp]',

2
packages/business/layouts/src/widgets/global-search/global-search.vue
View File

@@ -116,7 +116,7 @@ onMounted(() => {
<IcRoundSearch class="mt-1 size-4" />
<input
v-model="keyword"
:placeholder="$t('widgets.search.search-navigate')"
:placeholder="$t('widgets.search.searchNavigate')"
class="ring-none placeholder:text-muted-foreground w-[80%] rounded-md border border-none bg-transparent p-2 text-sm outline-none ring-0 ring-offset-transparent focus-visible:ring-transparent"
/>
</DialogTitle>

4
packages/business/layouts/src/widgets/global-search/search-panel.vue
View File

@@ -223,7 +223,7 @@ onMounted(() => {
>
<IcRoundSearchOff class="size-12" />
<p class="my-10 text-xs">
{{ $t('widgets.search.no-results') }}
{{ $t('widgets.search.noResults') }}
<span class="text-foreground text-sm font-medium">
"{{ keyword }}"
</span>
@@ -235,7 +235,7 @@ onMounted(() => {
class="text-muted-foreground text-center"
>
<p class="my-10 text-xs">
{{ $t('widgets.search.no-recent') }}
{{ $t('widgets.search.noRecent') }}
</p>
</div>

4
packages/business/layouts/src/widgets/layout-toggle.vue
View File

@@ -21,7 +21,7 @@ const menus = computed((): VbenDropdownMenuItem[] => [
{
icon: MdiDockLeft,
key: 'panel-left',
text: $t('authentication.layout.align-left'),
text: $t('authentication.layout.alignLeft'),
},
{
icon: MdiDockBottom,
@@ -31,7 +31,7 @@ const menus = computed((): VbenDropdownMenuItem[] => [
{
icon: MdiDockRight,
key: 'panel-right',
text: $t('authentication.layout.align-right'),
text: $t('authentication.layout.alignRight'),
},
]);

8
packages/business/layouts/src/widgets/notification/notification.vue
View File

@@ -84,7 +84,7 @@ function handleClick(item: NotificationItem) {
<div class="flex items-center justify-between p-4 py-3">
<div class="text-foreground">{{ $t('widgets.notifications') }}</div>
<VbenIconButton
:tooltip="$t('widgets.make-all-as-read')"
:tooltip="$t('widgets.markAllAsRead')"
@click="handleMakeAll"
>
<IcRoundMarkEmailRead />
@@ -127,7 +127,7 @@ function handleClick(item: NotificationItem) {
<template v-else>
<div class="flex-center text-muted-foreground min-h-[150px] w-full">
{{ $t('common.not-data') }}
{{ $t('common.noData') }}
</div>
</template>
@@ -135,10 +135,10 @@ function handleClick(item: NotificationItem) {
class="border-border flex items-center justify-between border-t px-4 py-3"
>
<VbenButton size="sm" variant="ghost" @click="handleClear">
{{ $t('widgets.clear-notifications') }}
{{ $t('widgets.clearNotifications') }}
</VbenButton>
<VbenButton size="sm" @click="handleViewAll">
{{ $t('widgets.view-all') }}
{{ $t('widgets.viewAll') }}
</VbenButton>
</div>
</div>

2
packages/business/layouts/src/widgets/preferences/blocks/general/general.vue
View File

@@ -25,6 +25,6 @@ const localeItems: SelectListItem[] = SUPPORT_LANGUAGES.map((item) => ({
{{ $t('preferences.language') }}
</SelectItem>
<SwitchItem v-model="appDynamicTitle">
{{ $t('preferences.dynamic-title') }}
{{ $t('preferences.dynamicTitle') }}
</SwitchItem>
</template>

2
packages/business/layouts/src/widgets/preferences/blocks/layout/breadcrumb.vue
View File

@@ -35,7 +35,7 @@ const disableItem = computed(() => {
{{ $t('preferences.breadcrumb.enable') }}
</SwitchItem>
<SwitchItem v-model="breadcrumbHideOnlyOne" :disabled="disableItem">
{{ $t('preferences.breadcrumb.hide-only-one') }}
{{ $t('preferences.breadcrumb.hideOnlyOne') }}
</SwitchItem>
<SwitchItem v-model="breadcrumbShowIcon" :disabled="disableItem">
{{ $t('preferences.breadcrumb.icon') }}

6
packages/business/layouts/src/widgets/preferences/blocks/layout/copyright.vue
View File

@@ -30,10 +30,10 @@ const itemDisabled = computed(() => props.disabled || !copyrightEnable.value);
</SwitchItem>
<InputItem v-model="copyrightCompanyName" :disabled="itemDisabled">
{{ $t('preferences.copyright.company-name') }}
{{ $t('preferences.copyright.companyName') }}
</InputItem>
<InputItem v-model="copyrightCompanySiteLink" :disabled="itemDisabled">
{{ $t('preferences.copyright.company-site-link') }}
{{ $t('preferences.copyright.companySiteLink') }}
</InputItem>
<InputItem v-model="copyrightDate" :disabled="itemDisabled">
{{ $t('preferences.copyright.date') }}
@@ -43,6 +43,6 @@ const itemDisabled = computed(() => props.disabled || !copyrightEnable.value);
{{ $t('preferences.copyright.icp') }}
</InputItem>
<InputItem v-model="copyrightIcpLink" :disabled="itemDisabled">
{{ $t('preferences.copyright.icp-link') }}
{{ $t('preferences.copyright.icpLink') }}
</InputItem>
</template>

8
packages/business/layouts/src/widgets/preferences/blocks/layout/header.vue
View File

@@ -17,19 +17,19 @@ const headerMode = defineModel<LayoutHeaderModeType>('headerMode');
const localeItems: SelectListItem[] = [
{
label: $t('preferences.header.mode-static'),
label: $t('preferences.header.modeStatic'),
value: 'static',
},
{
label: $t('preferences.header.mode-fixed'),
label: $t('preferences.header.modeFixed'),
value: 'fixed',
},
{
label: $t('preferences.header.mode-auto'),
label: $t('preferences.header.modeAuto'),
value: 'auto',
},
{
label: $t('preferences.header.mode-auto-scroll'),
label: $t('preferences.header.modeAutoScroll'),
value: 'auto-scroll',
},
];

16
packages/business/layouts/src/widgets/preferences/blocks/layout/layout.vue
View File

@@ -38,27 +38,27 @@ const components: Record<LayoutType, Component> = {
const PRESET = computed((): PresetItem[] => [
{
name: $t('preferences.vertical'),
tip: $t('preferences.vertical-tip'),
tip: $t('preferences.verticalTip'),
type: 'sidebar-nav',
},
{
name: $t('preferences.two-column'),
tip: $t('preferences.two-column-tip'),
name: $t('preferences.twoColumn'),
tip: $t('preferences.twoColumnTip'),
type: 'sidebar-mixed-nav',
},
{
name: $t('preferences.horizontal'),
tip: $t('preferences.vertical-tip'),
tip: $t('preferences.horizontalTip'),
type: 'header-nav',
},
{
name: $t('preferences.mixed-menu'),
tip: $t('preferences.mixed-menu-tip'),
name: $t('preferences.mixedMenu'),
tip: $t('preferences.mixedMenuTip'),
type: 'mixed-nav',
},
{
name: $t('preferences.full-content'),
tip: $t('preferences.full-content-tip'),
name: $t('preferences.fullContent'),
tip: $t('preferences.fullContentTip'),
type: 'full-content',
},
]);

8
packages/business/layouts/src/widgets/preferences/blocks/layout/navigation.vue
View File

@@ -28,18 +28,18 @@ const stylesItems: SelectListItem[] = [
:disabled="disabled"
:items="stylesItems"
>
{{ $t('preferences.navigation-menu.style') }}
{{ $t('preferences.navigationMenu.style') }}
</ToggleItem>
<SwitchItem
v-model="navigationSplit"
:disabled="disabledNavigationSplit || disabled"
>
{{ $t('preferences.navigation-menu.split') }}
{{ $t('preferences.navigationMenu.split') }}
<template #tip>
{{ $t('preferences.navigation-menu.split-tip') }}
{{ $t('preferences.navigationMenu.splitTip') }}
</template>
</SwitchItem>
<SwitchItem v-model="navigationAccordion" :disabled="disabled">
{{ $t('preferences.navigation-menu.accordion') }}
{{ $t('preferences.navigationMenu.accordion') }}
</SwitchItem>
</template>

2
packages/business/layouts/src/widgets/preferences/blocks/layout/sidebar.vue
View File

@@ -29,7 +29,7 @@ const sidebarCollapsed = defineModel<boolean>('sidebarCollapsed');
v-model="sidebarCollapsedShowTitle"
:disabled="!sidebarEnable || disabled"
>
{{ $t('preferences.sidebar.collapsed-show-title') }}
{{ $t('preferences.sidebar.collapsedShowTitle') }}
</SwitchItem>
<NumberFieldItem
v-model="sidebarWidth"

10
packages/business/layouts/src/widgets/preferences/blocks/layout/widget.vue
View File

@@ -18,13 +18,13 @@ const widgetSidebarToggle = defineModel<boolean>('widgetSidebarToggle');
<template>
<SwitchItem v-model="widgetGlobalSearch">
{{ $t('preferences.widget.global-search') }}
{{ $t('preferences.widget.globalSearch') }}
</SwitchItem>
<SwitchItem v-model="widgetThemeToggle">
{{ $t('preferences.widget.theme-toggle') }}
{{ $t('preferences.widget.themeToggle') }}
</SwitchItem>
<SwitchItem v-model="widgetLanguageToggle">
{{ $t('preferences.widget.language-toggle') }}
{{ $t('preferences.widget.languageToggle') }}
</SwitchItem>
<SwitchItem v-model="widgetFullscreen">
{{ $t('preferences.widget.fullscreen') }}
@@ -33,9 +33,9 @@ const widgetSidebarToggle = defineModel<boolean>('widgetSidebarToggle');
{{ $t('preferences.widget.notification') }}
</SwitchItem>
<SwitchItem v-model="widgetAiAssistant">
{{ $t('preferences.widget.ai-assistant') }}
{{ $t('preferences.widget.aiAssistant') }}
</SwitchItem>
<SwitchItem v-model="widgetSidebarToggle">
{{ $t('preferences.widget.sidebar-toggle') }}
{{ $t('preferences.widget.sidebarToggle') }}
</SwitchItem>
</template>

8
packages/business/layouts/src/widgets/preferences/blocks/shortcut-keys/global.vue
View File

@@ -22,21 +22,21 @@ const altView = computed(() => (isWindowsOs() ? 'Alt' : '⌥'));
<template>
<SwitchItem v-model="shortcutKeysEnable">
{{ $t('preferences.shortcut-keys.title') }}
{{ $t('preferences.shortcutKeys.title') }}
</SwitchItem>
<SwitchItem v-if="shortcutKeysEnable" v-model="shortcutKeysGlobalSearch">
{{ $t('preferences.shortcut-keys.search') }}
{{ $t('preferences.shortcutKeys.search') }}
<template #shortcut>
{{ isWindowsOs() ? 'Ctrl' : '⌘' }}
<kbd> K </kbd>
</template>
</SwitchItem>
<SwitchItem v-if="shortcutKeysEnable" v-model="shortcutKeysLogout">
{{ $t('preferences.shortcut-keys.logout') }}
{{ $t('preferences.shortcutKeys.logout') }}
<template #shortcut> {{ altView }} Q </template>
</SwitchItem>
<SwitchItem v-if="shortcutKeysEnable" v-model="shortcutKeysPreferences">
{{ $t('preferences.shortcut-keys.preferences') }}
{{ $t('preferences.shortcutKeys.preferences') }}
<template #shortcut> {{ altView }} , </template>
</SwitchItem>
</template>

6
packages/business/layouts/src/widgets/preferences/blocks/theme/builtin.vue
View File

@@ -40,17 +40,17 @@ function typeView(name: BuiltinThemeType) {
return $t('preferences.theme.builtin.rose');
}
case 'sky-blue': {
return $t('preferences.theme.builtin.sky-blue');
return $t('preferences.theme.builtin.skyBlue');
}
case 'deep-blue': {
return $t('preferences.theme.builtin.deep-blue');
return $t('preferences.theme.builtin.deepBlue');
}
case 'green': {
return $t('preferences.theme.builtin.green');
}
case 'deep-green': {
return $t('preferences.theme.builtin.deep-green');
return $t('preferences.theme.builtin.deepGreen');
}
case 'orange': {
return $t('preferences.theme.builtin.orange');

4
packages/business/layouts/src/widgets/preferences/blocks/theme/color-mode.vue
View File

@@ -18,9 +18,9 @@ const appColorGrayMode = defineModel<boolean>('appColorGrayMode', {
<template>
<SwitchItem v-model="appColorWeakMode">
{{ $t('preferences.theme.weak-mode') }}
{{ $t('preferences.theme.weakMode') }}
</SwitchItem>
<SwitchItem v-model="appColorGrayMode">
{{ $t('preferences.theme.gray-mode') }}
{{ $t('preferences.theme.grayMode') }}
</SwitchItem>
</template>

4
packages/business/layouts/src/widgets/preferences/blocks/theme/theme.vue
View File

@@ -49,7 +49,7 @@ function nameView(name: string) {
return $t('preferences.theme.dark');
}
case 'auto': {
return $t('preferences.follow-system');
return $t('preferences.followSystem');
}
}
}
@@ -79,7 +79,7 @@ function nameView(name: string) {
:disabled="modelValue !== 'light'"
class="mt-6"
>
{{ $t('preferences.theme.dark-menu') }}
{{ $t('preferences.theme.darkMenu') }}
</SwitchItem>
</div>
</template>

24
packages/business/layouts/src/widgets/preferences/preferences-sheet.vue
View File

@@ -162,7 +162,7 @@ const tabs = computed((): SegmentedItem[] => {
value: 'layout',
},
{
label: $t('preferences.shortcut-keys.title'),
label: $t('preferences.shortcutKeys.title'),
value: 'shortcutKey',
},
{
@@ -187,8 +187,8 @@ async function handleCopy() {
await copy(JSON.stringify(diffPreference.value, null, 2));
toast({
description: $t('preferences.copy'),
title: $t('preferences.copy-success'),
description: $t('preferences.copyPreferences'),
title: $t('preferences.copyPreferencesSuccess'),
});
}
@@ -205,12 +205,8 @@ async function handleReset() {
resetPreferences();
await loadLocaleMessages(preferences.app.locale);
toast({
description: $t('preferences.reset-title'),
title: $t('preferences.reset-success'),
});
toast({
description: $t('preferences.reset-title'),
title: $t('preferences.reset-success'),
description: $t('preferences.resetTitle'),
title: $t('preferences.resetSuccess'),
});
}
</script>
@@ -236,7 +232,7 @@ async function handleReset() {
<div class="flex items-center">
<VbenIconButton
:disabled="!diffPreference"
:tooltip="$t('preferences.reset-tip')"
:tooltip="$t('preferences.resetTip')"
class="relative"
>
<span
@@ -323,7 +319,7 @@ async function handleReset() {
/>
</Block>
<Block :title="$t('preferences.navigation-menu.title')">
<Block :title="$t('preferences.navigationMenu.title')">
<Navigation
v-model:navigation-accordion="navigationAccordion"
v-model:navigation-split="navigationSplit"
@@ -384,7 +380,7 @@ async function handleReset() {
</template>
<template #shortcutKey>
<Block :title="$t('preferences.shortcut-keys.global')">
<Block :title="$t('preferences.shortcutKeys.global')">
<GlobalShortcutKeys
v-model:shortcut-keys-enable="shortcutKeysEnable"
v-model:shortcut-keys-global-search="shortcutKeysGlobalSearch"
@@ -407,7 +403,7 @@ async function handleReset() {
@click="handleClearCache"
>
<IcRoundRestartAlt class="mr-2 size-4" />
{{ $t('preferences.clear-and-logout') }}
{{ $t('preferences.clearAndLogout') }}
</VbenButton>
<VbenButton
:disabled="!diffPreference"
@@ -417,7 +413,7 @@ async function handleReset() {
@click="handleCopy"
>
<IcRoundFolderCopy class="mr-2 size-3" />
{{ $t('preferences.copy') }}
{{ $t('preferences.copyPreferences') }}
</VbenButton>
</template>
</VbenSheet>

2
packages/business/layouts/src/widgets/theme-toggle/theme-toggle.vue
View File

@@ -49,7 +49,7 @@ const PRESETS = [
{
icon: IcRoundMotionPhotosAuto,
name: 'auto',
title: $t('preferences.follow-system'),
title: $t('preferences.followSystem'),
},
];
</script>

2
packages/business/layouts/src/widgets/user-dropdown/user-dropdown.vue
View File

@@ -121,7 +121,7 @@ if (enableShortcutKey.value) {
<VbenAlertDialog
v-model:open="openDialog"
:cancel-text="$t('common.cancel')"
:content="$t('widgets.logout-tip')"
:content="$t('widgets.logoutTip')"
:submit-text="$t('common.confirm')"
:title="$t('common.prompt')"
@submit="handleSubmitLogout"

10
packages/business/universal-ui/src/authentication/code-login.vue
View File

@@ -52,8 +52,8 @@ const isValidPhoneNumber = computed(() => {
const btnText = computed(() => {
return countdown.value > 0
? $t('authentication.send-text', [countdown.value])
: $t('authentication.send-code');
? $t('authentication.sendText', [countdown.value])
: $t('authentication.sendCode');
});
const btnLoading = computed(() => {
return countdown.value > 0;
@@ -117,10 +117,10 @@ onBeforeUnmount(() => {
<template>
<div>
<Title>
{{ $t('authentication.welcome-back') }} 📲
{{ $t('authentication.welcomeBack') }} 📲
<template #desc>
<span class="text-muted-foreground">
{{ $t('authentication.code-subtitle') }}
{{ $t('authentication.codeSubtitle') }}
</span>
</template>
</Title>
@@ -140,7 +140,7 @@ onBeforeUnmount(() => {
:btn-loading="btnLoading"
:btn-text="btnText"
:code-length="4"
:error-tip="$t('authentication.code-tip')"
:error-tip="$t('authentication.codeTip')"
:handle-send-code="handleSendCode"
:label="$t('authentication.code')"
:placeholder="$t('authentication.code')"

8
packages/business/universal-ui/src/authentication/forget-password.vue
View File

@@ -58,15 +58,15 @@ function goLogin() {
<template>
<div>
<Title>
{{ $t('authentication.forget-password') }} 🤦🏻‍♂️
{{ $t('authentication.forgetPassword') }} 🤦🏻‍♂️
<template #desc>
{{ $t('authentication.forget-password-subtitle') }}
{{ $t('authentication.forgetPasswordSubtitle') }}
</template>
</Title>
<div class="mb-6">
<VbenInput
v-model="formState.email"
:error-tip="$t('authentication.email-tip')"
:error-tip="$t('authentication.emailTip')"
:label="$t('authentication.email')"
:status="emailStatus"
autofocus
@@ -77,7 +77,7 @@ function goLogin() {
</div>
<div>
<VbenButton class="mt-2 w-full" @click="handleSubmut">
{{ $t('authentication.send-reset-link') }}
{{ $t('authentication.sendResetLink') }}
</VbenButton>
<VbenButton class="mt-4 w-full" variant="outline" @click="goLogin()">
{{ $t('common.back') }}

20
packages/business/universal-ui/src/authentication/login.vue
View File

@@ -150,10 +150,10 @@ function handleGo(path: string) {
<template>
<div @keypress.enter.prevent="handleSubmit">
<Title>
{{ $t('authentication.welcome-back') }} 👋🏻
{{ $t('authentication.welcomeBack') }} 👋🏻
<template #desc>
<span class="text-muted-foreground">
{{ $t('authentication.login-subtitle') }}
{{ $t('authentication.loginSubtitle') }}
</span>
</template>
</Title>
@@ -161,7 +161,7 @@ function handleGo(path: string) {
<VbenInput
v-model="formState.username"
:autofocus="false"
:error-tip="$t('authentication.username-tip')"
:error-tip="$t('authentication.usernameTip')"
:label="$t('authentication.username')"
:placeholder="usernamePlaceholder || $t('authentication.username')"
:status="usernameStatus"
@@ -171,7 +171,7 @@ function handleGo(path: string) {
/>
<VbenInputPassword
v-model="formState.password"
:error-tip="$t('authentication.password-tip')"
:error-tip="$t('authentication.passwordTip')"
:label="$t('authentication.password')"
:placeholder="passwordPlaceholder || $t('authentication.password')"
:status="passwordStatus"
@@ -183,7 +183,7 @@ function handleGo(path: string) {
<div class="mb-6 mt-4 flex justify-between">
<div class="flex-center flex">
<VbenCheckbox v-model:checked="formState.rememberMe" name="rememberMe">
{{ $t('authentication.remember-me') }}
{{ $t('authentication.rememberMe') }}
</VbenCheckbox>
</div>
@@ -192,7 +192,7 @@ function handleGo(path: string) {
class="text-primary hover:text-primary-hover active:text-primary-active cursor-pointer text-sm font-normal"
@click="handleGo(forgetPasswordPath)"
>
{{ $t('authentication.forget-password') }}
{{ $t('authentication.forgetPassword') }}
</span>
<!-- <VbenButton variant="ghost" @click="handleGo('/auth/forget-password')">
@@ -210,7 +210,7 @@ function handleGo(path: string) {
variant="outline"
@click="handleGo(codeLoginPath)"
>
{{ $t('authentication.mobile-login') }}
{{ $t('authentication.mobileLogin') }}
</VbenButton>
<VbenButton
v-if="showQrcodeLogin"
@@ -218,7 +218,7 @@ function handleGo(path: string) {
variant="outline"
@click="handleGo(qrCodeLoginPath)"
>
{{ $t('authentication.qrcode-login') }}
{{ $t('authentication.qrcodeLogin') }}
</VbenButton>
<!-- <VbenButton
:loading="loading"
@@ -234,12 +234,12 @@ function handleGo(path: string) {
<ThirdPartyLogin v-if="showThirdPartyLogin" />
<div v-if="showRegister" class="text-center text-sm">
{{ $t('authentication.account-tip') }}
{{ $t('authentication.accountTip') }}
<span
class="text-primary hover:text-primary-hover active:text-primary-active cursor-pointer text-sm font-normal"
@click="handleGo(registerPath)"
>
{{ $t('authentication.create-account') }}
{{ $t('authentication.createAccount') }}
</span>
</div>
</div>

6
packages/business/universal-ui/src/authentication/qrcode-login.vue
View File

@@ -47,10 +47,10 @@ function goLogin() {
<template>
<div>
<Title>
{{ $t('authentication.welcome-back') }} 📱
{{ $t('authentication.welcomeBack') }} 📱
<template #desc>
<span class="text-muted-foreground">
{{ $t('authentication.qrcode-subtitle') }}
{{ $t('authentication.qrcodeSubtitle') }}
</span>
</template>
</Title>
@@ -58,7 +58,7 @@ function goLogin() {
<div class="flex-col-center mt-6">
<img :src="qrcode" alt="qrcode" class="w-1/2" />
<p class="text-muted-foreground mt-4 text-sm">
{{ $t('authentication.qrcode-prompt') }}
{{ $t('authentication.qrcodePrompt') }}
</p>
</div>

30
packages/business/universal-ui/src/authentication/register.vue
View File

@@ -86,12 +86,12 @@ function goLogin() {
<template>
<div>
<Title>
{{ $t('authentication.create-an-account') }} 🚀
<template #desc> {{ $t('authentication.sign-up-subtitle') }} </template>
{{ $t('authentication.createAnAccount') }} 🚀
<template #desc> {{ $t('authentication.signUpSubtitle') }} </template>
</Title>
<VbenInput
v-model="formState.username"
:error-tip="$t('authentication.username-tip')"
:error-tip="$t('authentication.usernameTip')"
:label="$t('authentication.username')"
:placeholder="$t('authentication.username')"
:status="usernameStatus"
@@ -101,7 +101,7 @@ function goLogin() {
<!-- Use 8 or more characters with a mix of letters, numbers & symbols. -->
<VbenInputPassword
v-model="formState.password"
:error-tip="$t('authentication.password-tip')"
:error-tip="$t('authentication.passwordTip')"
:label="$t('authentication.password')"
:password-strength="true"
:placeholder="$t('authentication.password')"
@@ -111,15 +111,15 @@ function goLogin() {
type="password"
>
<template #strengthText>
{{ $t('authentication.password-strength') }}
{{ $t('authentication.passwordStrength') }}
</template>
</VbenInputPassword>
<VbenInputPassword
v-model="formState.comfirmPassword"
:error-tip="$t('authentication.comfirm-password-tip')"
:label="$t('authentication.comfirm-password')"
:placeholder="$t('authentication.comfirm-password')"
:error-tip="$t('authentication.confirmPasswordTip')"
:label="$t('authentication.confirmPassword')"
:placeholder="$t('authentication.confirmPassword')"
:status="comfirmPasswordStatus"
name="comfirmPassword"
required
@@ -132,13 +132,13 @@ function goLogin() {
v-model:checked="formState.agreePolicy"
name="agreePolicy"
>
{{ $t('authentication.sign-up-agree') }}
{{ $t('authentication.agree') }}
<span class="text-primary hover:text-primary-hover">{{
$t('authentication.sign-up-privacy-policy')
$t('authentication.agreeprivacyPolicy')
}}</span>
&
<span class="text-primary hover:text-primary-hover">
{{ $t('authentication.sign-up-terms') }}
{{ $t('authentication.terms') }}
</span>
</VbenCheckbox>
</div>
@@ -147,22 +147,22 @@ function goLogin() {
v-show="formState.submitted && !formState.agreePolicy"
class="text-destructive absolute bottom-1 left-0 text-xs"
>
{{ $t('authentication.sign-up-agree-tip') }}
{{ $t('authentication.agreeTip') }}
</p>
</Transition>
</div>
<div>
<VbenButton :loading="loading" class="w-full" @click="handleSubmit">
{{ $t('authentication.sign-up') }}
{{ $t('authentication.signUp') }}
</VbenButton>
</div>
<div class="mt-4 text-center text-sm">
{{ $t('authentication.already-account') }}
{{ $t('authentication.alreadyHaveAccount') }}
<span
class="text-primary hover:text-primary-hover cursor-pointer text-sm font-normal"
@click="goLogin()"
>
{{ $t('authentication.go-login') }}
{{ $t('authentication.goToLogin') }}
</span>
</div>
</div>

2
packages/business/universal-ui/src/authentication/third-party-login.vue
View File

@@ -13,7 +13,7 @@ defineOptions({
<div class="mt-4 flex items-center justify-between">
<span class="border-input w-[35%] border-b dark:border-gray-600"></span>
<span class="text-muted-foreground text-center text-xs uppercase">
{{ $t('authentication.third-party-login') }}
{{ $t('authentication.thirdPartyLogin') }}
</span>
<span class="border-input w-[35%] border-b dark:border-gray-600"></span>
</div>

16
packages/business/universal-ui/src/fallback/fallback.vue
View File

@@ -43,13 +43,13 @@ const titleText = computed(() => {
return $t('fallback.forbidden');
}
case '404': {
return $t('fallback.page-not-found');
return $t('fallback.pageNotFound');
}
case '500': {
return $t('fallback.internal-error');
return $t('fallback.internalError');
}
case 'offline': {
return $t('fallback.offline-error');
return $t('fallback.offlineError');
}
case 'comming-soon': {
return $t('fallback.coming-soon');
@@ -66,16 +66,16 @@ const descText = computed(() => {
}
switch (props.status) {
case '403': {
return $t('fallback.forbidden-desc');
return $t('fallback.forbiddenDesc');
}
case '404': {
return $t('fallback.page-not-found-desc');
return $t('fallback.pageNotFoundDesc');
}
case '500': {
return $t('fallback.internal-error-desc');
return $t('fallback.internalErrorDesc');
}
case 'offline': {
return $t('fallback.offline-error-desc');
return $t('fallback.offlineErrorDesc');
}
default: {
return '';
@@ -152,7 +152,7 @@ function refresh() {
<slot v-if="$slots.action" name="action"></slot>
<VbenButton v-else-if="showBack" size="lg" @click="back">
<IcRoundArrowBackIosNew class="mr-2" />
{{ $t('common.back-to-home') }}
{{ $t('common.backToHome') }}
</VbenButton>
<VbenButton v-else-if="showRefresh" size="lg" @click="refresh">
<IcRoundRefresh class="mr-2" />