Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Very Confused

In the docs I read there was supposed to be pages, assets, assets, plugins and static. But what I see is the image I posted from latest install and only find these folders on nuxt.new and UI. I know on Vue it gives you the option to select a template like SPA or not. SPA is what I am looking for.
No description

nuxt generate fails with a strange error

Any idea what could be causing this?
No description

Can't redeem nuxt-ui pro badge

Hello, well not really a big deal but I received the mail 2 weeks ago and tried to redeem the discord badge without success so far. Curious how to actually redeem it.
No description

use global middleware except in some routes

I want to create a global middleware to redirect users to a certain page if they didn't agree with the terms of service. This is my approach so far: ```ts // terms.global.ts...

Deploying and node index.mjs just exits quietly

After a pnpm build I just get a quiet exit when running node index.mjs in .output/server/ No errors, no server...

Nuxt Content file modyfication date

How to get "lastModyfication" date in nuxt content using transformer or queryCollection and not using server rendering

Nuxt Auth Utils

I have a server middleware. If the user isn't authorised I want to store the requested url in the session and redirect to the login page. On successful login I want to redirect to the requested url. In my server middleware I'm trying to call setUserSession however I'm seeing the error message ERROR [unhandledRejection] Cannot set headers after they are sent to the client 10:53:55 AM at ServerResponse.setHeader (node:_http_outgoing:659:11)...

Wrap a component of Vuetify

Hi, I'd like to wrap a component from vuetify <template> <v-text-field v-bind="fromProps"...

PostCSS support for vscode inside Vue SFCs

Hi there! I've been fighting with getting <style scoped lang="postcss"> to work inside vscode a lot over the past day. So the only currently working setup is using this unmaintained and very incomplete postcss extension for vscode: https://marketplace.visualstudio.com/items?itemName=cpylua.language-postcss I collected all issues I came across here: - https://github.com/vuejs/language-tools/issues/103 ...

Static files with Nuxt (Nitro) handler preset

When self-hosting Nuxt build, by default it uses node-server preset. This gives an entrypoint that runs on a port and serves website. All works well in this setup. I wanted to add more logic around this, such as authorization headers, error handling, metrics tracking, and more. So I switch to node-listener preset, but static files stops working, like robots.txt in public directory. I went the simple route and simply added static serving on my own, from public directory. ...

Nuxt hanging?

Hi, anyone know why my application would be hanging, thinking it's Nuxt related but I'm unsure, there's no errors logged in the browser or console so I'm a bit stuck, all I did was go to sleep last night from it being in a working state, wake up, ran npm update and now its just doing this
No description

Prisma studio not starting

ℹ Skipped installing Prisma Studio. 14:10:28

@nuxtjs/supabase early redirect with SSG

Hello, I created a simple Project with the Supabase Module installed, a simple Index Page, a Login Page and the confirm Page. Everything works as expected except when I am logged in and refresh the website. I can then see for a short period of time the Login Page. Can this behavior be prevented? ...

NuxtLink - prefetch / noPrefetch

Yo Kapa I have this often in my console : `` [NuxtLink] prefetch and noPrefetch cannot be used together. noPrefetch` will be ignored....

does it make sense to create an api wrapper library as a nuxt module (or nuxt composable)?

to avoid xy problem: we have a front-end (nuxt) consuming some routes from our api. initially, we were using useFetch to consume these routes, but over time, multiple calls became repetitive and tiring, for example, a user route in the api (/users) generally returns the same payload format, you need to do error handling every time, you need to pass the baseURL every time to useFetch, that kind of thing. the idea was to create a library that is an API wrapper for our API, this library will abstract the calls and handle the responses appropriately to avoid redundant code in the front-end my question is: i started to create an api wrapper here using ofetch but my question is if this is the right way, should i use ofetch or should i create a nuxt module and use useFetch?...

how to add logging context to each console.log

i want to add a request ID and path for each console.log/info/error i have in the server side .. how can i achieve that ?...

FileUpload w/ multiple + Zod Validation

I'm having trouble showing per-file validation errors when a FileUpoad component has its multiple prop set to true. Based on the With Form validation example in the docs, I've wrapped the image schema with a z.array().min(1) so support multi-file uploads. I would expect each file in the files slot to show the corresponding error from the validation; however, the erro...

Proper way to target="_blank"

Whats the intended way of adding target="_blank" in nuxt content md files? if i do title{target="blank"} eslint adds a \ to escape title{target="_blank"} this breaks it. but i also dont want to exclude the files from linting 🤔...

Having issues reading process.env in nuxt 4 app

Vue: Cannot find name process. Do you need to install type definitions for node? Try npm i --save-dev @types/node and then add node to the types field in your tsconfig. I get this when clling process.env inside my components...