Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

I am running into an issue with environment variables in my Nuxt 3 app deployed on Azure App Service

I have added this variable in azure configuration NUXT_PUBLIC_APPINSIGHT_CONNECTION_STRING = ".....VALUE" In my nuxt.config.ts i am referencing it like this...

Nuxt-Monaco-Editor issue

Could not create web worker(s). Falling back to loading web worker code in main thread, which might cause UI freezes. Please see https://github.com/microsoft/monaco-editor#faq

Return array buffer

How can i return an ArrayBuffer in a server handler (nitro)? The response is always an empty json object if i try to return an array buffer....

Sidebar side doesn't work

Hey, once I specify side="right" it kinda breaks the sidebar. 1. the resizable handle is gone 2. it doesn't move to the right layout: https://pastes.dev/PEgAnJiIFU...

I can't use the lucide icon in vue 3?

I'm using the Nuxt UI only for my vue project. But following the installation guide, I can't get the icons to render: `...

Clarification on middleware

I would like clarification whether I am implementing my middleware correctly ```ts // middleware/auth.ts import { useSession } from "~/lib/auth-client";...

cannot run test with teleport

i have a set of related components that need to coexist to be tested. Everything in VDialog is wrapped in a Teleport internally. According to "https://test-utils.vuejs.org/guide/advanced/teleport", i can still use the find method on the mounted component to search for teleported components because it searches against the virtual dom. however this test keeps failing and for the life of me i can't get it to pass. ```tsx import { mountSuspended } from "@nuxt/test-utils/runtime"; import { afterAll, beforeAll, describe, expect, it } from "vitest";...

protect dynamic routes in the middleware

Hello! I want to protect routes such as /users/[id] in one middleware file, can I do it in a simple way? What I am doing is...

NuxtPage doesn't load Tailwind styles unless accessed in App.vue

I'm still trying to narrow down the exact root cause of this issue but this is what I know so far. We have a Nuxt UI application set up where we are having problems with pages served by <NuxtPage /> not displaying Tailwind classes, unless they have been used at the App.vue level. This is our App.vue...

force dark theme

usng nuxt and nuxt/ui, is there a way to force darktheme? instead of it just using whatever the device theme is?

Error after updating packages

Attaching to flavibot-web-1 flavibot-web-1 | flavibot-web-1 | > web@1.1.128 start /app/apps/web flavibot-web-1 | > node .output/server/index.mjs flavibot-web-1 | flavibot-web-1 | Listening on http://0.0.0.0:15174 flavibot-web-1 | [request error] [unhandled] [GET] http://127.0.0.1:15174/ flavibot-web-1 | Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/app/apps/web/.output/server/node_modules/unhead/dist/server.mjs' imported from /app/apps/web/.output/server/chunks/routes/renderer.mjs flavibot-...

New Nuxt project as monorepo

Hey, it's been almost a year since I used Nuxt. I see there are a lot of new features since v3. Anyways, I wanted to ask the AI here to give me a starter guide or directions on how to setup a monorepo with Nuxt v4. I'm reading about layers and stuff and getting a bit lost. I just want to setup a monorepo with Nuxt in it and NuxtUI to start out. Monorepo, because I plan on adding separated stuff, like a NativeScript app in the future and a second Nuxt project that will share components and stuff....

Nuxt content v3 multiple sources

Can I define multiple source to merge 2 content folder to a single collection?

Can I modify HTML content in a Nuxt plugin/module without causing hydration issues?

Hello everyone, I am trying to work on a Nuxt plugin that modifies the text content of rendered pages. I am currently using the nitro:html or html:render hooks on the server and it works fine, but as expected, it leads to hydration text mismatch warnings in the browser. I then tried making the same modifications on the client, but it seems I’m either running the modifications too late or not properly because I still get the hydration issues in the dev tools console. Is there a way to modify the...

Nuxt content with layers

If I have layers, some of them are using nuxt content, can those define content.config.ts or I need to define the content config differently inside layers? The app itself would define the content.config.ts too.

Is there a way to prevent layer installation in test config ?

Hello, as the title says, i'm looking to skip one layer installation only for tests, it's a layer meant to handle some middlewares and we would like to speed up (even if only by a tiny bit) the tests

vuetify-nuxt-module build behind proxy

An environment where nuxt project has trying to build does stand behind the proxy. In building process i got issues whith fetching google fonts (connection timeout). How to avoid fonts fetching or how to tune nuxt environment use proxy?...

Using Tailwind in a Nuxt Layer 🫥

It's not possible to have a layer provide tailwind properly right now. If someone wants to fix this with me, let's do it....

Nuxt Studio v1-alpha: document is not defined

I'm trying to preview Nuxt Studio locally, but get document is not defined regarding this line const Js = document.createElement("i"); reference to this file: node_modules/nuxt-studio/dist/app/shared-CYxp8gik.js at line 1728:11...

defineMeta for layouts

is it possible to define middleware for a layout directly?