Replies: 1 comment 6 replies
-
|
Hi, i18n (https://github.com/intlify/vue-i18n-next ?) should work as-is. |
Beta Was this translation helpful? Give feedback.
-
|
At the moment, the best I can do it to add a eg. customBlockHandler(block, filename, options) {
if ( block.type !== 'i18n' )
return;
return (component) => {
component.__i18n = JSON.parse(block.content);
}
}This will create a new |
Beta Was this translation helpful? Give feedback.
-
|
even better : <!DOCTYPE html>
<html>
<body>
<script src="https://unpkg.com/vue@next/dist/vue.runtime.global.prod.js"></script>
<script src="https://unpkg.com/vue-i18n@next"></script>
<script src="vue3-sfc-loader.js"></script>
<script>
/* <!-- */
const config = {
files: {
'/component.vue': `
<template>
{{ $t('hello') }}
</template>
<i18n>
{
"en": {
"hello": "hello world!"
},
"ja": {
"hello": "こんにちは、世界！"
}
}
</i18n>
`
}
};
/* --> */
const i18n = VueI18n.createI18n();
const options = {
moduleCache: { vue: Vue },
getFile: url => config.files[url],
addStyle: () => {},
customBlockHandler(block, filename, options) {
if ( block.type !== 'i18n' )
return
const messages = JSON.parse(block.content);
for ( let locale in messages )
i18n.global.mergeLocaleMessage(locale, messages[locale]);
}
}
const app = Vue.createApp(Vue.defineAsyncComponent(() => window['vue3-sfc-loader'].loadModule('/component.vue', options)));
app.use(i18n);
app.mount(document.body);
</script>
</body>
</html> |
Beta Was this translation helpful? Give feedback.
-
|
Many thanks for your anwser. |
Beta Was this translation helpful? Give feedback.
-
|
v0.3.1 has been released. |
Beta Was this translation helpful? Give feedback.
-
|
Nice job, now i can imagine to create my own tag like "validation" and put all my validations rules related to my validation directives. This could be extended and use in many ways. Or by ex have a tag "form" that handle the creating of a form dynamicly. |
Beta Was this translation helpful? Give feedback.
-
Hello,
Any plan to support any time soon ?
Best regards
Shaan
Beta Was this translation helpful? Give feedback.
All reactions