-
-
Notifications
You must be signed in to change notification settings - Fork 182
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
Bug with i18n and translation in component #703
Comments
|
I can confirm this and tracked it down to this change: Not sure what to do about it though. Any idea? I'd be happy to contribute. |
Same problem. Fresh install of Nuxt + I18n + Histoire
|
…viors remove useNuxtApp mock since it prevents some plugins to run (e.g. @nuxtjs/i18n). It fixes the issue histoire-dev#703 .
Same problem here. Has someone manage to implement some kind of workaround? |
+1 |
please take care of this i dont want to fork @letoast repo xD and i want to deploy our component documentation :) |
TBH I'm going to try out nuxt storybook and see if everything works there. |
Having the same issue. As mentioned #703 (comment) - downgrading Would be nice to get some followup on this though. |
+1 |
Found a solution/workaround for our project: Versions used (not tested with other versions):
Code adaptionshistoire.config.tsprocess.env.IS_HISTOIRE = 'true'; // we need to know if we're running histoire or not
export default defineConfig({
//...
}); nuxt.config.tsexport default defineNuxtConfig({
//...
modules: [
//...
process.env.IS_HISTOIRE === 'true' ? false : '@nuxtjs/i18n', // only use i18n outside histoire
],
}); histoire.setup.tsexport const setupVue3 = defineSetupVue3(({ app }) => {
const pinia = createPinia();
app.use(pinia); // no i18n here!
window.useI18n = () => ({ // mock the useI18n function to not run into an error
locale: 'xx',
});
}); Notes
Edit: |
Describe the bug
Hello,
First of all, thank you for building this project.
I'm working on a Nuxt project with i18n but I can't make
histoire
work correctly. I've been looking for the source of the problem and here's what I've discovered so far:@nuxtjs/i18n
is active, there anerror 500
displayed in the story iframe that saysCannot read properties of undefined (reading 'public')
. I think it happens on module i18n initialization because it doesn't know the Nuxt App context or something (I'm not sure).@nuxtjs/i18n
, there's an error when histoire is building that saysRollupError: Expected ';', '}' or <eof>
. I think this is due to translations 'in-component' using the<i18n></i18n>
tag.Reproduction
I have made a small project that reproduce the problem : https://stackblitz.com/edit/nuxt-starter-xfql3e?file=nuxt.config.ts
System Info
packages versions : - nuxt: 3.10.3 - @nuxtjs/i18n: 8.2.0 - histoire: 0.17.14 - @histoire/plugin-vue: 0.17.14 - @histoire/plugin-nuxt: 0.17.14
Used Package Manager
npm
Validations
The text was updated successfully, but these errors were encountered: