diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/app.vue b/dev-packages/e2e-tests/test-applications/nuxt-3/app.vue index 4e7954ceb4af..23283a522546 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/app.vue +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/app.vue @@ -4,7 +4,7 @@ <nav> <ul> <li><NuxtLink to="/fetch-server-error">Fetch Server Error</NuxtLink></li> - <li><NuxtLink to="/param-error/1234">Fetch Param Server Error</NuxtLink></li> + <li><NuxtLink to="/test-param/1234">Fetch Param</NuxtLink></li> <li><NuxtLink to="/client-error">Client Error</NuxtLink></li> </ul> </nav> diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/nuxt.config.ts b/dev-packages/e2e-tests/test-applications/nuxt-3/nuxt.config.ts index 87cff074ccd9..69b31a4214ec 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/nuxt.config.ts +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/nuxt.config.ts @@ -1,4 +1,7 @@ // https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ modules: ['@sentry/nuxt/module'], + imports: { + autoImport: false, + }, }); diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/pages/fetch-server-error.vue b/dev-packages/e2e-tests/test-applications/nuxt-3/pages/fetch-server-error.vue index 4643f045582e..8cb2a9997e58 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/pages/fetch-server-error.vue +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/pages/fetch-server-error.vue @@ -5,7 +5,9 @@ </template> <script setup lang="ts"> +import { useFetch} from '#imports' + const fetchData = async () => { await useFetch('/api/server-error'); } -</script> \ No newline at end of file +</script> diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/pages/test-param/[param].vue b/dev-packages/e2e-tests/test-applications/nuxt-3/pages/test-param/[param].vue index 4b2b7e35a83e..2ac1b9095a0f 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/pages/test-param/[param].vue +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/pages/test-param/[param].vue @@ -6,6 +6,8 @@ </template> <script setup lang="ts"> +import { useRoute, useFetch } from '#imports' + const route = useRoute(); const param = route.params.param; diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/param-error/[param].ts b/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/param-error/[param].ts index 3fa894e0896a..389d8ac4d633 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/param-error/[param].ts +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/param-error/[param].ts @@ -1,3 +1,5 @@ +import { defineEventHandler } from '#imports'; + export default defineEventHandler(_e => { throw new Error('Nuxt 3 Param Server error'); }); diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/server-error.ts b/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/server-error.ts index f8533bfab1e5..ec961a010510 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/server-error.ts +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/server-error.ts @@ -1,3 +1,5 @@ +import { defineEventHandler } from '#imports'; + export default defineEventHandler(event => { throw new Error('Nuxt 3 Server error'); }); diff --git a/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/test-param/[param].ts b/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/test-param/[param].ts index 6e4674ee21a9..1867874cd494 100644 --- a/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/test-param/[param].ts +++ b/dev-packages/e2e-tests/test-applications/nuxt-3/server/api/test-param/[param].ts @@ -1,3 +1,5 @@ +import { defineEventHandler, getRouterParam } from '#imports'; + export default defineEventHandler(event => { const param = getRouterParam(event, 'param'); diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts index 6cfccfbd2714..da7fcf778366 100644 --- a/packages/nuxt/src/module.ts +++ b/packages/nuxt/src/module.ts @@ -28,6 +28,7 @@ export default defineNuxtModule<ModuleOptions>({ filename: 'sentry-client-config.mjs', getContents: () => `import "${buildDirResolver.resolve(`/${clientConfigFile}`)}"\n` + + 'import { defineNuxtPlugin } from "#imports"\n' + 'export default defineNuxtPlugin(() => {})', }); @@ -43,6 +44,7 @@ export default defineNuxtModule<ModuleOptions>({ filename: 'sentry-server-config.mjs', getContents: () => `import "${buildDirResolver.resolve(`/${serverConfigFile}`)}"\n` + + 'import { defineNuxtPlugin } from "#imports"\n' + 'export default defineNuxtPlugin(() => {})', });