Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[0.15] i18n : Components not refreshing? #1613

Closed
sarndt opened this issue Feb 22, 2018 · 5 comments
Closed

[0.15] i18n : Components not refreshing? #1613

sarndt opened this issue Feb 22, 2018 · 5 comments
Milestone

Comments

@sarndt
Copy link
Contributor

sarndt commented Feb 22, 2018

Software version

Quasar: 0.15.0
OS: MacOS High Sierra
Node: v9.5.0
NPM: 5.6.0
Browsers: Firefox Dev (59.0b11 (64-Bit)

JsFiddle (for Quasar v0.15+ only)

I would have given a fiddle here, but i can't seem to get the import for the language files working.

What did you get as the error?

Using quasar's new i18n features as described in the docs. More precisely, I tried to get dynamically retranslated data tables, that is if I change a language in a selection box (like in the docs), I would expect to instantaniously get a translation for the labels of my quasar component (in this case, a Datatable).

Instead, label update only follows after I use the component.
For the Datatable example, the label for Rows per page only updates, when I choose another amount of rows per page via the selection box.

What were you expecting?

That my data table changes the language to the one I selected instantaniously.

What steps did you take, to get the error?

  1. Create a table component
  2. Create an internationalization selection box, like in the docs.
  3. Switch languages and watch the table component not update the labels
  4. Switch 'rows per page' to some other value
  5. Observe label change to selected language
@rstoenescu
Copy link
Member

rstoenescu commented Feb 22, 2018

It works just fine... http://www.giphy.com/gifs/cPY1QbhiSW7j5chSYm
It was designed to be reactive in the first place for ALL components using it.

You must be doing something wrong... Please use our Discord to get help.

In any case, for UMD version language packs, just "quasar init -t umd " and choose a different language, other than the default "en-us". You'll see how to embed it.

@sarndt
Copy link
Contributor Author

sarndt commented Feb 23, 2018

@rstoenescu I've tried it again, this time with a minimal working example here

It only updates after I do something with the table, no matter which browser (Chrome, Safari, Firefox) I try. Maybe I misunderstood the docs, but I pretty much did exactly what was written there (see bug_quasar_i18n_reactive/src/pages/index.vue )

@rstoenescu rstoenescu reopened this Feb 24, 2018
@rstoenescu
Copy link
Member

I think I found something. Will keep you posted. Thanks.

@rstoenescu
Copy link
Member

Fixed it. Will be available in 0.15.3. There was indeed a issue. Thanks for reporting!

@sarndt
Copy link
Contributor Author

sarndt commented Feb 24, 2018

Thanks for fixing it so quickly!
It's a pleasure to work with quasar :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants