Comments (7)
@kazupon I have some doubts about it. Is the component lazy loaded at all with all i18n strings or just the user selected locale messages?
I really like the approach of this library, but if I have for example 3 locales with 10 translated messages it, all the 30 translated messages will be loaded inside the js file? Or somehow can we handle and load this translation messages separated to only load those 10 that is from the user's selected locale?
from vue-i18n-loader.
@kazupon it means all locales of components will be loaded with component chunk. we want to load only one locale. Imagine I have 7 locales for each component but want to download only 1 active locale.
from vue-i18n-loader.
@kazupon
I'm also interested on this functionality, I want to lazy load the json files declared on <i18n>
block (separated chunks for every block).
from vue-i18n-loader.
custom block will be bundled with SFC.
That means that lazy loading is possible using Vue asynchronous component mechanism.
https://v3.vuejs.org/guide/migration/async-components.html#async-components
from vue-i18n-loader.
The locale messages of <i18n>
blocks is included Vue Components.
Lazy loading works.
from vue-i18n-loader.
Curious about that too. It seems like the lazy loading works with a single file per locale? In a lot of the cases a single page needs just a fraction of the strings and loading all of them can be an overkill?
from vue-i18n-loader.
@kazupon This does not work well.
from vue-i18n-loader.
Related Issues (20)
- update install instructions HOT 5
- Scoping of i18n blocks in components HOT 2
- Warning is not logged for HTML in i18n custom block HOT 1
- Support JSON and YAML Files at the same time HOT 1
- Element i18n doesn't have required attribute path HOT 1
- can this HOT 1
- Not translate from tag <i18n> HOT 3
- Action Required: Fix Renovate Configuration
- Doesn't work with "pluralizationRules" HOT 1
- Failed to load .yaml using webpack (filetype not detected) HOT 4
- Not working with `v-t` directive HOT 2
- I18n cannot respond to language changed in children components HOT 1
- Empty .yml files throw a warnings HOT 5
- Dependency Dashboard
- A translation that has the '@' symbol in the JSON translation file an error will occur HOT 1
- Single File Component doesn't work anymore HOT 2
- NPM & Github releases totally out-of-sync, releases after 1.1.0 not working with SFC's HOT 1
- Trailing commas are breaking the json inside the i18n element
- Fail compilation when strings are missing
- Message function not supported
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-i18n-loader.