Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

headers duplicated issue

Hello, nuxt generate these headers: x-content-type-options: nosniff X-Content-Type-Options: nosniff And then I got these headers. some browsers are not happy with that. there's a way to fix that ? Thanks!...
No description

getCachedData Not Working

Hi could some give me help getCachedData stopped working and i also disabled purgeCachedData and still doesnt work ``` const getCurvasCarga = async (cpe: string, data_inicio: string, data_fim: string) => { const token = await getAccessTokenSilently();...

404 with SPA

I have a static site (ssr off) hosted on cloudflare pages. However, I have a problem with my dynamic paths (e.g. pages/apps/[id].vue), they always return 404. They are served fine luckily, but if you inspect network request they have 404 not found as statuscode. How can I fix this?

Nuxt + rolldown-vite

I followed the instructions for adding rolldown-vite, and as an override for vite, but on nuxt dev I just see an error: `` thread '<unnamed>' panicked at /home/runner/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/oxc_ast-0.67.0/src/generated/get_id.rs:36:33: called Option::unwrap() on a None` value...

Nuxt-auth-utils refresh tokens with keycloak? and where to store access tokens

i have a basic set up right now with nuxt-auth-utils and an external API that authenticates with keycloak. i have two questions. first: where is the best place to store the auth token? in the session? or something else? second question: how are folks handling refresh tokens in nuxt-auth-utils? i have a basic refresh. post.ts endpoint and a refresh middleware that seems to work for now but I'm wondering if anyone has done this and wouldn't mind sharing their process? thanks!...

`Parsing error: Unexpected token {eslint` on import type

I have the following code ```ts <script lang="ts" setup> import type { DisplayMetadataField } from "~/types/DisplayMetadataField"; </script>...

Tailwind setup in nuxt

Hi i was trying to setup tailwindcss in my new nuxt project and i followed the nuxt module guide but i am not getting any intellisense suggestions in the .vue file but i have tried in a plain html and it’s working there

Issue with Dynamic Components Loading nuxt 3

Hello everyone, I have a composable useComponentRegistry, which is supposed to load a component either from the core or from a custom registry if it exists. The function looks like this: ```const customComponents = import.meta.glob('@components//*.vue') const coreComponents = import.meta.glob('@core//*.vue')...

nuxt 3 android studio virtual device net::ERR_CONTENT_LENGTH_MISMATCH

I'm trying to use ionic/nuxt module with capacitor to create an android app. app is working properly when i generate it nuxt generate, capacitor reads dist folder as webDir but when i try to use livereload features on network exposed dev server, andorid emulator refuses to open my app. when i open logs from chrome.//inspect#devices, some node modules returns net::ERR_CONTENT_LENGTH_MISMATCH error. i tried same example with vue 3 + vite server too, there is no problem with vite server. i tried to create several fresh nuxt projects too. nuxt dev --host exposes nuxt server to network, my all devices can connect server except android virtual device. for reproduction, just create new nuxt project and try to open dev server in virtual device's chrome...

Vercel issue with server api function/route

Hi all, I need some help with a website deployed on Vercel. I have some server API functions/routes with some server-side logic for security. But I can't get those to work with Vercel. Seems to work perfectly fine on my local machine. Is there any configuration I need in order to use the functions in "server/api/my-file.post.ts" with Vercel?...

Nuxt UI Pro + Inertia js Issues

Has anyone had issues where it is still asking for vue-router with nuxt ui pro when used with inertia? Adding the inertia: true to the config stops the issue, but then things like login break

Can't import component from "@/components/MyComponent.vue

Hi, newbie to the discord so excuse me if I posted in the wrong channel. I'm tring to upgrade a nuxt project from 3.13 to 3.17 and the upgrade is breaking my imports. The doc says that the alias @ still is the default, so I don't understand the behavior. Thanks in advance...

drag drawer to resize

how do i take my UDrawer which is only about 200px high due to minimal content and let me resize it to take up the full height of the window

in production will code be readable or minified?

so in dev mode currently i can read each file as i wrote it in my browser but once in production will it be more obsfucated and not readable like this?

slow drawer open

When I put a lot of content to render in my drawer it's slow to open. How can I make the drawer open fast but then render stuff

How can I implement dynamic theme switching based on the current route in my Vue application?

For example, I want to apply a specific 'brand theme' when navigating to certain sections (like '/about', '/products'), while maintaining my existing light/dark mode system. What's the best approach to combine route-specific theming with the existing CSS custom properties system?

Please help me finish this Portfolio Template.

I'm about to finish my first Nuxt UI Project, which of course will be my own website. Inspired by this page: https://ui.nuxt.com/pro/templates It's already publically available, but needs a little finish before showcasing. I struggle mainly with Navigation and Page Transitions (also tried to use view-transitions for projects, but no success)...
No description

Correct way to deal with user generated data

So I've been dealing with users sending images to host, and I've got up with packing blobs into file and sending them to backend, then use unstorage to store path to the file. Is there any open-source CDNs that on backend will just send me a "file link" so i could store only it in my db?

eslint not working vscode eslint extension

eslint works inside docker ofc but not outside. i have the follwing eslint.config.mjs ``` // @ts-check import withNuxt from './.nuxt/eslint.config.mjs'...