Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Custom Fetch Types not align

I have following custom composable function: import type { UseFetchOptions } from '#app' export function useCraftFetch<T>(...

Default Css is getting loaded on other pages with same code but not on the index page.

the one with the gray text is the correct one and it looks like that on the other pages, green stuff is on the index page, i assume it's just defaulting to some nuxt ui styling on the index page for w/e reason
No description

i18n [plugin:nuxtjs:i18n-resource] Cannot read properties of undefined (reading 'options')

I downloaded NuxtI18n, added ``` i18n: { vueI18n: './i18n.config.ts' , bundle: { optimizeTranslationDirective: false,...

Problem with Nuxt 3.16 + @element-plus/nuxt

Hey guys.. Not sure if it's just me and my code collegue, but we are facing some problems with @element-plus/nuxt with Nuxt 3 recently.. ERROR [GET] "http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs": <no response> Failed to parse URL from http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs then ```[cause]: Failed to parse URL from http://127.0.0.1:42415/__nuxt_vite_node__/module//node_modules/element-plus/es/index.mjs...

Filtering pages from a layer

If I have a layer I want to extend, but just without the pages folder, is it possible to ignore it?

Nuxt Content 3.4.0 generating 'manifest-route-rule' middleware already exists warnings

Hi everyone! I recently migrated Nuxt Content from v2 and now I'm constantly getting these warnings whenever I save a markdown file: `ℹ File work/lining-project.md changed on content collection @nuxt/content 11:43:59 AM...

"dirname" is not exported by "__vite-browser-external", imported by "nuxt.config.ts"

I have a Nuxt layer that I publish to a private NPM feed, and install into a few different Nuxt sites. After updating to Nuxt 3.16, some of the sites error like this when building: WARN [plugin vite:resolve] Module "url" has been externalized for browser compatibility, imported by "~/node_modules/my-layer/nuxt.config.ts". WARN [plugin vite:resolve] Module "path" has been externalized for browser compatibility, imported by "~/node_modules/my-layer/nuxt.config.ts". ...

Nuxt content style and prose

I'm starting a new project with nuxt, content, Nuxt UI and i18n and everything works, but prose styling, anchor and related default styling is not applied. I download a clean starter template without nuxt ui and everything works fine with the default styles is applied. Is this expected with nuxt ui (non pro)?

"Teleport" is imported from external module "..." but never used in "..."

[1:24:41 PM] WARN "Teleport" is imported from external module "file:///home/ubuntu/nuxt-dashboard/node_modules/vue/index.mjs" but never used in "node_modules/@unhead/vue/dist/utils.mjs", "node_modules/@unhead/vue/dist/shared/vue.N9zWjxoK.mjs", "node_modules/@unhead/vue/dist/shared/vue.nvpYXC6D.mjs", "node_modules/@unhead/vue/dist/shared/vue.BYLJNEcq.mjs", "node_modules/@unhead/vue/dist/server.mjs", "node_modules/@vueuse/shared/index.mjs", "node_modules/@vueuse/core/index.mjs" and "node_modules/quasar/dist/quasar.server.prod.js".
[1:24:41 PM] WARN "Teleport" is imported from external module "file:///home/ubuntu/nuxt-dashboard/node_modules/vue/index.mjs" but never used in "node_modules/@unhead/vue/dist/utils.mjs", "node_modules/@unhead/vue/dist/shared/vue.N9zWjxoK.mjs", "node_modules/@unhead/vue/dist/shared/vue.nvpYXC6D.mjs", "node_modules/@unhead/vue/dist/shared/vue.BYLJNEcq.mjs", "node_modules/@unhead/vue/dist/server.mjs", "node_modules/@vueuse/shared/index.mjs", "node_modules/@vueuse/core/index.mjs" and "node_modules/quasar/dist/quasar.server.prod.js".
I'm not sure why this error pops up, I checked my dependencies, and how I was using Teleport, it just gets autoimported twice in my app. Is it possible I misconfigured something?...

Migration Issue with Nuxt UI 3 and Tailwind Resolution

Hi everyone! I resolved an issue during my migration to Nuxt UI 3 but wanted to get clarity on the underlying cause. Error Encountered:...

[Nuxt UI 3] Cannot find module '#build/app.config' or its corresponding type declarations

I'm using Nuxt UI 3 in my vue(not nuxt) project. When I run vite build, the build will failed and gives me errors like Cannot find module '#build/app.config' or its corresponding type declarations. or Cannot find module '#imports' or its corresponding type declarations.. It seems like many ui components have these two imports but they can't be found in the package.json file or anywhere else. Does this have to do with nuxt not being installed or anything?

How to have the same behavior for fetching data between F5/navigator refresh and navigation

Hello, i want to block the loading/navigation even when using navigateTo from one page to the next, the same as when having a navigator reload. i use useAsyncData in my page and it waits for the whole request when accessing the page, but not when navigating in between 2 pages, i want to wait in both cases...

Limit deployments

How can I make it so that nuxt hub only deploys the latest commit? I don't want/need anything old.

Migrate NuxtUI 2 to 3

I have this error when I migrate NuxtUI v2 to v3 [plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve extends base type. If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example: ...

cannot start nuxt after pnpm i

Cannot start nuxt: Cannot resolve module "vite-plugin-vue-tracer/client/record"

Playwright browser wont open

Even though my setup function looks like this: await setup({ host: 'http://localhost:3000', browser: true })...

How to handle active link with hash and i18n module?

I have i18n module installed, I have two locales, es and ro as fallback. Also in navigation I have a links with hash. So I can't rely on router-link-active because it's always there

Return a vue page in server route

export default defineEventHandler(async (event) => { const user = await isAuthenticated(event) if (!user) { throw createError({ statusCode: 401,...

500 error in production

My site runs fine in local dev, but throws a 500 error in production. [request error] [unhandled] [GET] http://localhost:3000/__nuxt_error?error=true&url=%2F&statusCode=500&statusMessage=Server+Error&message=Server+Error TypeError: Cannot read properties of undefined (reading 'split') at isMetaArrayDupeKey (file:///[...]/.output/server/node_modules/unhead/dist/shared/unhead.BaPU1zLf.mjs:5:15)...

Monaco in Nuxt is always empty

I have a nuxt 3 application with the nuxt-monaco-editor module. The editor is displaying, but it is always empty. I already tried to hardcode the value prop of the editor with a given string. Despite it being empty on load, i am able to type text: My component:...
No description