Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

MDC component fails to import parseMarkdown function

The MDC component is not rendering anything. I managed to get the following error: Failed to import parseMarkdown SyntaxError: The requested module '/_nuxt/@fs/Users/.../node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.js?v=c60aeab6' does not provide an export named 'default'...

nuxt ssr build fail

----- Native stack trace ----- 1: 00007FF6117F7DBF void cdecl node::OnFatalError(char const * ptr64,char const * ptr64)+1343 2: 00007FF61243B017 public: class v8::MaybeLocal<class v8::Object> cdecl v8::Function::NewInstance(class v8::Local<class v8::Context>,int,class v8::Local<class v8::Value> * ptr64 const)const ptr64+423 3: 00007FF61223B8C7 private: cdecl v8::base::AddressSpaceReservation::AddressSpaceReservation(void * ptr64,unsigned int64) ptr64+322071...

TypeScript strict mode causing false positive errors from node_modules Vue components (nuxt module)

Hey everyone! I'm stuck with a frustrating TypeScript issue and would love some help. Setup: I have a Nuxt module (@agorastore/shared-ui) with strict: true that type-checks perfectly fine when I run checks within the module itself This module is published to npm and consumed by my main Nuxt app...

Get the category of surroundings

Hey everyone 👋 I’m using Nuxt Content v3, and I have a question about getting the category (or parent folder) of a document when using queryCollectionItemSurroundings(). My current code looks like this:...

Fetch handler error: fetch failed

After upgrading Nuxt from 3.18.0 to 3.19.3, the site won't load and shows the error in the screenshot. This error shows in the console: ``` ERROR Fetch handler error: fetch failed at node:internal/deps/undici/undici:13510:13...
No description

Read Contents of files in the public directory

How can I read the contents of files in the public directory in nitro or h3

nuxt build warning

<--- Last few GCs ---> [11640:0000027314214000] 393349 ms: Mark-Compact 4027.5 (4135.5) -> 4015.1 (4139.3) MB, pooled: 0 MB, 1263.36 / 0.00 ms (average mu = 0.586, current mu = 0.030) allocation failure; scavenge might not succeed [11640:0000027314214000] 395876 ms: Mark-Compact 4032.9 (4140.6) -> 4020.2 (4144.3) MB, pooled: 0 MB, 2468.70 / 0.00 ms (average mu = 0.314, current mu = 0.023) allocation failure; scavenge might not succeed ...

custom uselazyfetch

codes below are my custom usefetch, how to make a uselazyfetch? import type { UseFetchOptions } from '#app' export const useAPI = <T>(...

useFetch `refresh` doesn't call the backend, it just return the cache v. 4.2

I have a composable like this: ```js export default () => { const { agent_id } = useRouter()?.currentRoute?.value?.params || {} // https://github.com/nuxt/nuxt/issues/20471...

Host nuxt ssr with pm2

How to host nuxt 4 ssr with pm2?

NuxtUi SaaS template with nested layout/page transitions?

I want to have transitions between pages with a consistent top navigation, and a consistent side navigation with transitions on the docs page. Im struggling to find any information or get it working myself. The best I managed was a full layout transition when going to the docs page and then consistent page transitions, or consistent top-nav with a single layout and then the side navigation also transitions. How is this supposed to work?! https://codesandbox.io/p/github/mikenewbon/saas/main...

Routing in layers

How to navigate to from <root>/app/pages/index.vue to <root>/layers/payments/app/pages/index.vue? Give me an detailed example.

How nuxt layers work

How to use nuxt layers in nuxt 4? Give me detailed example.

useFetch typed but no typescript completions

Hi so for a specific enpoint/route I am running into a strange issue. The type completion doesn't work in the template, however when I hover over data from the useFetch call, it is typed. I don't see this for any other routes. I've tried restarting a dev server, tried reloading my VSCode window, nothing works. And the strange thing is, it's only in the page.vue file. Any suggestions are greatly appreciated...
No description

Multiple root slots in a component?

Can I use multiple named slots as the root of a component or do they need a single root element like a <div>?

New color is not registering in themes

I added a new color called "accent" in vite.config.ts for my button component. When I use the new color in UButton, it still shows a type warning that accent doesn't exist.
No description

Data folder

In Nuxt 4, do we still use the data folder? If yes, where exactly should I put it in the project structure?...

Nuxt Server: Extend H3Event with Typesafety

I am trying to create a util like https://nuxt.com/docs/4.x/guide/directory-structure/server#server-utilities so I can reuse validation code like: ``` const user = await serverSupabaseUser(event) if (!user) { return sendError(event, createError({...

DropdownMenu on Hover Mode

Hello, I'm currently migration a project from NuxtUI v2 to v3/v4 and in the past it was possible to have the Dropdown expand on hover instead of click, because it's just more convenient. This is my component currently. ```html...

Save data in mysql Lite nuxt content db

Is there a way to use the SQLite db connection to save custom data in this db in nuxt content?