Zengtudor
/
Nuxt
mirror of https://github.com/nuxt/nuxt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): enable `injectAtEnd` to reduce circular auto-imports (#28822)

This commit is contained in:
Anthony Fu 2024-09-09 17:30:10 +02:00 committed by Daniel Roe
parent 5b1bb79ee6
commit 08a0c90828
No known key found for this signature in database
GPG Key ID: CBC814C393D93268
4 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/nuxt/src/components/transform.ts
View File

@ -22,6 +22,7 @@ export function createTransformPlugin (nuxt: Nuxt, getComponents: getComponentsT
},
],
virtualImports: ['#components'],
injectAtEnd: true,
})
function getComponentsImports (): Import[] {

1
packages/nuxt/src/imports/module.ts
View File

@ -40,6 +40,7 @@ export default defineNuxtModule<Partial<ImportsOptions>>({
// Create a context to share state between module internals
const ctx = createUnimport({
injectAtEnd: true,
...options,
addons: {
vueTemplate: options.autoImport,

1
packages/nuxt/test/auto-imports.test.ts
View File

@ -18,6 +18,7 @@ describe('imports:transform', () => {
]
const ctx = createUnimport({
injectAtEnd: true,
imports,
})

9
packages/nuxt/test/components-transform.test.ts
View File

@ -15,7 +15,8 @@ describe('components:transform', () => {
const code = await transform('import { Foo, Bar } from \'#components\'', '/app.vue')
expect(code).toMatchInlineSnapshot(`
"import Foo from '/Foo.vue';
"
import Foo from '/Foo.vue';
import { Bar } from '/Bar.vue';
"
`)
@ -28,7 +29,8 @@ describe('components:transform', () => {
const code = await transform('import { Foo, LazyFoo } from \'#components\'', '/app.vue')
expect(code).toMatchInlineSnapshot(`
"import Foo from '/Foo.vue?nuxt_component=server&nuxt_component_name=Foo&nuxt_component_export=default';
"
import Foo from '/Foo.vue?nuxt_component=server&nuxt_component_name=Foo&nuxt_component_export=default';
import LazyFoo from '/Foo.vue?nuxt_component=server,async&nuxt_component_name=Foo&nuxt_component_export=default';
"
`)
@ -54,7 +56,8 @@ describe('components:transform', () => {
const code = await transform('import { Foo, LazyFoo } from \'#components\'', '/app.vue')
expect(code).toMatchInlineSnapshot(`
"import Foo from '/Foo.vue?nuxt_component=client&nuxt_component_name=Foo&nuxt_component_export=default';
"
import Foo from '/Foo.vue?nuxt_component=client&nuxt_component_name=Foo&nuxt_component_export=default';
import LazyFoo from '/Foo.vue?nuxt_component=client,async&nuxt_component_name=Foo&nuxt_component_export=default';
"
`)