fix(nuxt): resolve vite config after all modules have injected plugins (

#246) * test: auto-import * fix(nuxt): add config plugin last Co-authored-by: Daniel Roe <[email protected]>
histoire-dev · Aug 17, 2022 · cefa4f9 · cefa4f9
1 parent 3466975
commit cefa4f9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/examples/nuxt3/cypress/e2e/render-story.cy.js b/examples/nuxt3/cypress/e2e/render-story.cy.js
@@ -9,4 +9,9 @@ describe('Story render', () => {
  cy.visit('/story/components-simple-story-vue?variantId=_default')
  getIframeBody().contains('Simple story in Nuxt NuxtLink')
  })
+
+ it('should render auto-imported components', () => {
+ cy.visit('/story/components-autoimport-story-vue?variantId=_default')
+ getIframeBody().contains('Meow')
+ })
 })
diff --git a/packages/histoire-plugin-nuxt/src/index.ts b/packages/histoire-plugin-nuxt/src/index.ts
@@ -67,9 +67,11 @@ async function useNuxtViteConfig () {
  }
  return {
  viteConfig: await new Promise<ViteConfig>((resolve) => {
- nuxt.hook('vite:extendConfig', (config, { isClient }) => {
- // @ts-ignore
- if (isClient) resolve({ ...config })
+ nuxt.hook('modules:done', () => {
+ nuxt.hook('vite:extendConfig', (config, { isClient }) => {
+ // @ts-ignore
+ if (isClient) resolve({ ...config })
+ })
  })
  nuxt.ready().then(async () => {
  buildNuxt(nuxt)