diff options
| author |  莫颓 <it_motui@163.com>
| 2023-10-23 15:17:08 +0800 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-10-23 09:17:08 +0200 |
| commit | 02e68d3f56584ae874f842ff923f56cea24a6f83 (patch) | |
| tree | 9740258ebf0af8b2523f209ac61a0685ca23e008 | |
| parent | 00562ed5e87a88a7038b4670f20e155c4f5b070d (diff) | |
| download | it-tools-02e68d3f56584ae874f842ff923f56cea24a6f83.tar.gz it-tools-02e68d3f56584ae874f842ff923f56cea24a6f83.tar.zst it-tools-02e68d3f56584ae874f842ff923f56cea24a6f83.zip | |
feat(i18n): token generator (#688)
| -rw-r--r-- | src/tools/token-generator/index.ts | 6 | ||||
| -rw-r--r-- | src/tools/token-generator/locales/en.yml | 8 | ||||
| -rw-r--r-- | src/tools/token-generator/token-generator.tool.vue | 10 |
3 files changed, 15 insertions, 9 deletions
diff --git a/src/tools/token-generator/index.ts b/src/tools/token-generator/index.ts index bed5f00..4e84975 100644 --- a/src/tools/token-generator/index.ts +++ b/src/tools/token-generator/index.ts @@ -1,11 +1,11 @@ import { ArrowsShuffle } from '@vicons/tabler'; import { defineTool } from '../tool'; +import { translate } from '@/plugins/i18n.plugin'; export const tool = defineTool({ - name: 'Token generator', + name: translate('tools.token-generator.title'), path: '/token-generator', - description: - 'Generate random string with the chars you want: uppercase or lowercase letters, numbers and/or symbols.', + description: translate('tools.token-generator.description'), keywords: ['token', 'random', 'string', 'alphanumeric', 'symbols', 'number', 'letters', 'lowercase', 'uppercase'], component: () => import('./token-generator.tool.vue'), icon: ArrowsShuffle, diff --git a/src/tools/token-generator/locales/en.yml b/src/tools/token-generator/locales/en.yml index c2c0323..7a06f3d 100644 --- a/src/tools/token-generator/locales/en.yml +++ b/src/tools/token-generator/locales/en.yml @@ -6,4 +6,10 @@ tools: uppercase: Uppercase (ABC...) lowercase: Lowercase (abc...) numbers: Numbers (123...) - symbols: Symbols (!-;...)
\ No newline at end of file + symbols: Symbols (!-;...) + length: Length + tokenPlaceholder: 'The token...' + copied: Token copied to the clipboard + button: + copy: Copy + refresh: Refresh
\ No newline at end of file diff --git a/src/tools/token-generator/token-generator.tool.vue b/src/tools/token-generator/token-generator.tool.vue index 1019a83..fe53edc 100644 --- a/src/tools/token-generator/token-generator.tool.vue +++ b/src/tools/token-generator/token-generator.tool.vue @@ -21,7 +21,7 @@ const [token, refreshToken] = computedRefreshable(() => }), ); -const { copy } = useCopy({ source: token, text: 'Token copied to the clipboard' }); +const { copy } = useCopy({ source: token, text: t('tools.token-generator.copied') }); </script> <template> @@ -51,14 +51,14 @@ const { copy } = useCopy({ source: token, text: 'Token copied to the clipboard' </div> </n-form> - <n-form-item :label="`Length (${length})`" label-placement="left"> + <n-form-item :label="`${t('tools.token-generator.length')} (${length})`" label-placement="left"> <n-slider v-model:value="length" :step="1" :min="1" :max="512" /> </n-form-item> <c-input-text v-model:value="token" multiline - placeholder="The token..." + :placeholder="t('tools.token-generator.tokenPlaceholder')" readonly rows="3" autosize @@ -67,10 +67,10 @@ const { copy } = useCopy({ source: token, text: 'Token copied to the clipboard' <div mt-5 flex justify-center gap-3> <c-button @click="copy()"> - Copy + {{ t('tools.token-generator.button.copy') }} </c-button> <c-button @click="refreshToken"> - Refresh + {{ t('tools.token-generator.button.refresh') }} </c-button> </div> </c-card> |