Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Structuring nuxt 3 to be modular

hi everyone, i have a question and wanted to discuss, how to truly structure our nuxt 3 application to be modular and module based. i am building an saas app that has so many different module that can be installed by the user. how do i structure the app so that different team can work on different module at the same time without interfering one another? should i use layer? because each module will have different sidebar menu, pages, etc. but they all share the same based component.

How to properly lazy load the nuxt-monaco-editor module?

Original issue: https://github.com/e-chan1007/nuxt-monaco-editor/issues/71 --- In dev mode the module is huge, more than 50.000 kb, split into a lot of requests. How to properly lazy load Monaco?...

Error "...node_modules/vue/index.mjs' does not provide an export named 'default'" with latest

I'm currently getting a error on generate (which I have had for a few months now but always have to downgrade to fix it so I'm curious to know if anyone can help me resolve this. ├── @nuxtjs/sanity@1.14.1 ├── @pinia/nuxt@0.11.2 ├── nuxt@3.17.7...

Docus not accepting app header component

Hello I am trying to create a custom logo in a Docus 4 project. It is a fully new project where only the AppHeaderLogo component has been added. I have tried adding a component folder both in root and app/ and nothing happens. What could be wrong?...

Failed to fetch dynamically imported module: _nuxt/CVb79eUW.js #32795

I'm experiencing a recurring issue in production with the following error: Failed to fetch dynamically imported module: https://parafrasist.com/_nuxt/CVb79eUW.js This error is very hard to reproduce, as it only happens to some users, based on what I see in Sentry logs. I haven’t been able to trigger it myself consistently....
No description

nuxt context unavailable in definePageMeta `redirect`

I'm trying to redirect the user using definePageMeta and the redirect function, but my app needs i18n and when I try ```ts definePageMeta({ redirect: (to) => {...

How can I include additional files to the build?

I have prisma folder that needs to be included to the build so I can run migrations etc. How can I include it to my built nuxt app?

hyderation error with colorMode

I have an image that needs to be rendered with the classs invert when th e browser is in dark mode. However when I try to set the class as a reactive value related to colorMode I get a hydration error. The following correctly displays with no error (but is not visible when not viewed on dark mode) ``` <NuxtImg...

Override Layer tailwind config from extending app.

I'm building a monorepo with a UI layer consisting of mainly Shadcn-Vue components, that I'm extending in multiple apps in the monorepo. I want each app to be able to override the layer's default tailwind config if necessary. For now the issue I'm facing is that the styles from my layer are not referenced correctly in the app. My layer's nuxt.config.ts ```ts...

i18n nuxt: setting locale via lang query param

Hi all, I have 2 nuxt clients, one marketplace and one Oauth. I'd like to redirect to the oauth with a lang=es query param so that the OAuth knows which language to display in. While I have a working setup now, it does fetch the default english translations first before fetching the ones indicated in the lang query. Right now I have the follow plugin, setLocale.ts:...

Scrolling Issues with Nuxt application [ Please its urgent and im stuck ]

Hi everyone, I'm currently trying to recreate a website design I really like — it's this one built with Framer: https://kajo-template.framer.website/?via=pawelgola ...

Default openDelay for Popovers in Nuxt UI v3.3.0

Hey, with Nuxt UI v2.22 I was able to define a default openDelay in my app.config.ts, but I don't see this option anymore. Here's what worked in Nuxt UI v2.22: ```ts export default defineAppConfig({ ui: {...

custom useFetch composable return typing response

This is my useCustomFetch wrapper. ```ts import type { UseFetchOptions } from 'nuxt/app' export function useCustomFetch<T>(...
No description

Extending UInput and UFormField

Hi everyone, I'm investigating if it's worth switching over to Nuxt UI from Reka UI. There are a few components however where my design doesn't overlap with that of Nuxt UI. One of these cases is the input and form field. I'm wondering if there is a recommended way of extending these components? For FormField I copied over the source code and started from there (main difference is that the validation errors are shown in a popover and the label and input are inline instead of stacked). For the input I didn't get much further than wrapping Input and adding v-bind="$props"....
No description

NuxtUI3 Custom icons on vue app

Heyo I'm using nuxt ui on a vuejs app without nuxt and want to use custom icons but there's no docs on how to do that https://ui.nuxt.com/getting-started/icons/vue The nuxt docs have some info on that, requiring you to modify the nuxt config, which of course doesn't apply do my vue app...

Cloudflare Pages settings

Started using Nuxt 4 for a project and wanted to deploy to Cloudflare Pages but I just can’t seem to get the settings right. If anyone has done it successfully could you share your deployment settings in Cloudflare please. 🙏🏼...

defineExpose not working as expected

Hello all, In my component I have a script setup with defineExpose This is in Nuxt 3...

Nuxt + Supabase: getting JWT tokens in headers when using --host on a mobile device

nuxt 3.17.7 starting app in dev with pnpm dev --host when on a mobile device connected to network <ipaddress>:3000, supabase is not persisting a session when on mobile -- but everything on my main dev laptop works just fine....

Cannot use tailwind with Nuxt UI

My nuxt.config.ts: ```ts // https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ compatibilityDate: "2025-07-15",...

Import component fail and can't use them

Hi ! I have some problem for a couple hours now and Google is no help 😮 I learn Nuxt 4 and I try this from the nuxt website : https://nuxt.com/docs/4.x/getting-started/views#components But when I try, Nuxt (or Vue) don't want to find my AppAlert component. And leave me with these kind of errors ``` WARN [Vue warn]: Failed to resolve component: AppAlert...
No description