CorentinTh/it-tools
1
1
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2024-09-11 05:15:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor(i18n): merge tools scoped locales with global ones (#612)

Browse Source
This commit is contained in:
Corentin THOMASSET 2023-09-03 22:07:45 +02:00 committed by GitHub
parent 7ab9204e96
commit 233d5565f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/Home.page.vue
View File

@ -49,7 +49,7 @@ const { t } = useI18n();
</transition>
<div v-if="toolStore.newTools.length > 0">
<n-h3>{{ t('home.categories.newestTools', 'Newest tools') }}</n-h3>
<n-h3>{{ t('home.categories.newestTools') }}</n-h3>
<n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8">
<n-gi v-for="tool in toolStore.newTools" :key="tool.name">
<ToolCard :tool="tool" />

24
src/plugins/i18n.plugin.ts
View File

@ -1,6 +1,22 @@
import type { App } from 'vue';
import type { Plugin } from 'vue';
import { createI18n } from 'vue-i18n';
import messages from '@intlify/unplugin-vue-i18n/messages';
import baseMessages from '@intlify/unplugin-vue-i18n/messages';
import _ from 'lodash';
import { parse as parseYaml } from 'yaml';
const i18nFiles = import.meta.glob('../tools/*/locales/**.yml', { as: 'raw' });
const messagesByTools = await Promise.all(_.map(i18nFiles, async (fileDescriptor, path) => {
const [, locale] = path.match(/\.\/tools\/.*?\/locales\/(.*)\.ya?ml$/i) ?? [];
const content = parseYaml(await fileDescriptor());
return { [locale]: content };
}));
const messages = _.merge(
baseMessages,
_.merge({}, ...messagesByTools),
);
const i18n = createI18n({
legacy: false,
@ -8,8 +24,8 @@ const i18n = createI18n({
messages,
});
export const i18nPlugin = {
install: (app: App) => {
export const i18nPlugin: Plugin = {
install: (app) => {
app.use(i18n);
},
};

5
vite.config.ts
View File

@ -25,7 +25,7 @@ export default defineConfig({
runtimeOnly: true,
compositionOnly: true,
fullInstall: true,
include: [resolve(__dirname, 'locales/**'), resolve(__dirname, 'src/tools/*/locales/**')],
include: [resolve(__dirname, 'locales/**')],
}),
AutoImport({
imports: [
@ -106,4 +106,7 @@ export default defineConfig({
test: {
exclude: [...configDefaults.exclude, '**/*.e2e.spec.ts'],
},
build: {
target: 'esnext',
},
});