Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

GitHub actions with Nuxt?

Does anyone have a basic script for GitHub actions that keeps dependencies up to date? Ideally a script that automatically updates bug fixes but excluding the main nuxt package. Any advice or help with this would be greatly appreciated....

i18n and content: No match found for location with path

I use content plugin and i18n plugin together. All markdown links cause the vue router warning No match found for location with path . Other than that, everything works fine. The links are correctly resolved in the browser to open the pages in the currently selected language and not the default language. I use strategy prefix...

NuxtAuthUtils - no auto redirect to Google login page

Hi! I'm integrating Google OAuth login into my Nuxt app using NuxtAuthUtils. When a user clicks the Google login button in my app, I expect them to be redirected to the Google login page automatically. Instead, they get a 404 error page. If they manually refresh that 404 error page, only then are they redirected to Google login page. I'm trying to figure out why the redirect isn't working right away. My app Google login button is linking to: /api/auth/google...

<MDC> Component Not Rendering Anything Despite Passing a String

I'm using the <MDC> component from Nuxt UI Pro like this: ```html <MDC :value="page.hero.title"...

Content: Missing frontmatter prop is substituted with body

I defined a "pages" collection from this initialization object ```js { source: 'pages/*.md',...

How to disable pointer event blocking when opening select dropdowns or dropdown menus.

Hello! Using NuxtUI v3.2, I noticed when using the Select, or DropdownMenu components, when you open the select dropdown or the dropdown menu, the <body> gets a pointer-events: none style to it, along with hiding the overflow. While this is the expected behavior for Modal and Dialog components with overlay, this is kind of a strange feature for a simple dropdown. The user cannot hover or click on anything else, and the page is unscrollable while a select menu is open. Is there a way to turn this behaviour off, but still keep this functionality for real overlay components like modals and slide-overs?...

chunks are larger than 500 kB after minification

Hello, I have a Nuxt application and everything works perfectly, but I’ve been focusing on optimizations lately. I was checking the build, and it gives that warning: “Some chunks are larger than 500 kB after minification.” Is there any article, best practices, or place where I can study this type of optimization?...

Access nitro/nuxt hooks from nuxt module

I cannot use await (because it means breaking changes). ```ts function getHooks(): Hookable<GlobalFetchHooks & ClientFetchHooks> | null { try {...

TypeError: Cannot read properties of undefined (reading 'base error after upgrading 3.13.x to 3.17.x

After upgrading to 3.17 even if there is no prerendering in place. Problem exists on production build. virtual:nuxt:/Users/buny/workspaces/yxxxx/xxx/.nuxt/paths.mjs:4 Uncaught TypeError: Cannot read properties of undefined (reading 'baseURL') at CC (virtual:nuxt:/Users/buny/workspaces/yxxxx/xxxx/.nuxt/paths.mjs:4:30)...

Is Nuxt Studio broken?

Is Nuxt Studio broken ? Everytime I try to change my app colors, Nuxt Studio sets the wrong values. Here's my nuxt.schema.ts:...

Nuxt 4 + @Nuxtjs/i18n issue

I have issue trying to use defineI18nConfig. I believe in Nuxt 3 I can import with '#import' but not in Nuxt 4.

Docus Content Layout/Structure customisation (navbar and sidebar particularly)

Hello! Total noob here. I'm trying to setup Docus as a documentation platform, but I want to have multiple different pages or tabs, each tab is like a category, but it has it's own sidebar, rather than sharing a global sidebar. Tabs would be accessible from a 'header'. I'm not quite sure how to achieve this, or where I might be able to configure this. All I can really see on the docus docs is that the file structure and navigation is just handled automatically, but I don't want a global sidebar....

NuxtUI icons forced to width and height 1em!

NuxtUI icons forced to width and height 1em! by head style! thats prevent size prob of any icon buton to get correct size!
No description

Nuxt v4 upgrade and dependancy conflicts

I have a couple modules that I'm trying to figure out how to use with v4 specifically. @sentry/nuxt @vueuse/nuxt @nuxt/scripts ...

Nuxt script error in devtools

Hello, I have an error internal server in devtools for nuxt/scripts -> can't convert undefined to object How could I find the issue of that?...

nuxt.config and layers

Looking structuring out project and it feels like Layers will be useful to keep the different functionality of the project organised. I am however struggling with what I need to be putting in the different nuxt.config filesm and whether I even need to have multiple config files. For example this is a hypothetical tree:...

Nuxt content / i18n / useAsyncData

Hello, upgraded from nuxt3 to nuxt4 and everything works really fine except for something regarding content/i18n My website is in EN and FR and also all the content pages:...

Breadcrumbs with async data (SSR)

Hi all, I'm currently facing a pretty straight forward problem, that I'm trying to solve for 2 days now. I have a PageHeader component that displays a breadcrumb. The PageHeader is using a pinia store to fetch the breadcrumb config and render it. In every page I populate the breadrcrumb store with the data that should be displayed (I'm fetching async data with pinia colada): pages/companies/[id].vue...

set request headers for nuxt public assets .output/public

Hello I'm trying to set request header for script files under _nuxt I tried setting routeRules according to this issue https://github.com/nuxt/nuxt/issues/22141 ```ts routeRules: { "/_nuxt/*": {...
No description