Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

crypto.hash error

I'd like to start a new nuxt v4 project. But I seems to get this error. I updated node to the latest version, and downgraded vite to version 5. Nothing works. Can somebody help?...

Other solutions than Nuxt Pages Plus with modal routes functionality

I started project using Nuxt 4 and I want to use modals with routing system or alternatively with params. I came across fantastic module but it's not supported anymore, I spent last two days re-creating my own custom solution but with no success . I created custom composable with Vue Router integration - provides the closest experience to nuxt-pages-plus with clean URL handling and back button support but it's far from nuxt-pages-plus. Any recommendation on how to create proven solution would be welcome.
There are also other solutions I found: Solution 1 (checked): Custom composable with Vue Router integration - provides the closest experience to nuxt-pages-plus with clean URL handling and back button support. Solution 2: Plugin-based approach - automatically detects modal routes and manages the modal stack globally....

Nuxt UI pro not working at all

I followed the exact setup what i see on https://ui.nuxt.com/getting-started/installation/pro/nuxt, however its just not working i keep getting the following error:
Cannot find module '~/assets/css/main.css' imported from 'virtual:nuxt:C%3A%2FUsers%2Fsteno%2FDocuments%2FGitHub%2Fnuxttest%2F.nuxt%2Fcss.mjs'.
Cannot find module '~/assets/css/main.css' imported from 'virtual:nuxt:C%3A%2FUsers%2Fsteno%2FDocuments%2FGitHub%2Fnuxttest%2F.nuxt%2Fcss.mjs'.
if i understand correctly you dont need a license for just testing it right? as long as you dont put it up online...

No HTML visible even with SSR true

Hi, I just started a new nuxt project (latest version). In my nuxt.config.ts I have "ssr: true" but when I look at the source code of the page, I only see some CSS (Nuxt UI) and JS but no HTML. Can anyone help me out? I need it to show HTML. All it shows is some CSS (Nuxt UI) and JS. This is my nuxt.config.ts: ...
No description

Nuxt Studio Local Development

So I understand Nuxt Studio expects a github repo (why no support for gitlab etc ;( ) but I need to test certain things related to studio experience before committing and pushing changes to the repo. How should I go about this. docs mention this might be possible but not the exact way

Issue with component resolution

Hey there! I do have a quiet massive app that has reference to a shared package with an online platform. This package is kindof common stuff for design-system, utilities and so on. Within this shared package, I do have a deep component (components/A/B/C/D.vue), and its siblings (components/A/B/C/D/ChildA.vue...)...

Using a custom component in Nuxt UI form

Hi there. I've got a USelectMenu wrapped in a component so I can reuse its logic - it gets its items from a db. how can i use this custom component in a nuxt ui UForm in the same way I would a plain USelectMenu? Thanks 🙂

Mastra / Nuxt / Vercel AI SDK

hey all - i was having some errors trying to set up mastra/vercel ai sdk with nuxt. i was putting things together from view links of docs: https://ai-sdk.dev/docs/getting-started/nuxt...

Nuxt UI Pro License key

Hi, I cannot find my Nuxt UI Pro license key. I got the invite link to the github and i'm in there. But i no where got my license in my email. Who can i contact for that to retrieve it?...

NuxtUI3 SelectMenu & GSAP SmoothScroller Position Issue

With a SmoothScroller active on my Nuxt4 website, when opening a selectMenu, it makes the page scroll up (if possible) removing the dropdown from view and causing bad UX USelect works fine, as well as UPopover.

Best practice url structure for crud

With nuxt I can't have a page structure like this: /cars * [id].vue * create.vue...

Lazy loading / Virtual Scroll in <USelectMenu>

I have like 10,000 items in the list, and it likes 7-8 seconds just to open the select menu in <USelectMenu>. How do I implement lazy load or virtual scroll?

Is anybody able to help build this?

I have been trying my hardest to figure out how to use the open source code from https://github.com/Sxip/masterpieces/tree/main but have been unable to get past the localhost:3000 section because I know nothing about coding.

Why I don't have formatted markdown file in Content?

I've successfully managed to get content from my markdown file through Nuxt Content module. ```html <template> <ContentRenderer v-if="document" :value="document" /> <div v-else>Home not found</div>...

<USelect> placeholder doesn't show when project is deployed on Netlify

i have trouble identifying the issue where <USelect>'s placeholder isn't displayed correctly when deployed on Netlify. it works just fine locally, though..
No description

Popup for external links

Hey so, I was planning on opening a popup when an external link is detected. I have created a component that computes when the href is an external link or not. If it isn't, it uses a NuxtLink component, all good, but when it is external, I am opening a modal/popup using reka-ui. The problem is that due to this, I can no longer right click the link to open it in a new tab as it is somewhat of a button now. How would I fix this? Do I need to go the traditional route and redirect to a different page before going out of the website? I didn't want to have to open a new page....

Error when building on Linux (Windows works as expected)

I'm building my app (Nuxt 4) inside a Docker. Everything works fine on Windows, but on Linux I get a strange error. Any ideas? [nuxi] ERROR Nuxt Build Error: [vite:vue] [@vue/compiler-sfc] Failed to resolve import source "~/components/datetime-input.vue". /code/app/components/atta-form/input/datetime.vue...

Vitest Won't Parse Vue Files

I'm getting this error when trying to execute a test. Error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files. I installed @vitejs/plugin-vue to my dev dependencies, but it's still gives me the same error. On top of that, when running the app in dev mode, it has no problem parsing the app.vue file....

Github Actions broken Nuxt UI starter build

While generating to static, outputs empty app, and then on client side ``` <div id="__nuxt"> <uapp> <div class="flex flex-col items-center justify-center gap-4 h-screen">...

Error deploy to nuxthub

I have this error:
Error while publishing deployment: "Uncaught Error: No such module \"node:fs\".\n at chunks/nitro/nitro.mjs:1:619146\n at chunks/nitro/nitro.mjs:1:614015\n at chunks/nitro/nitro.mjs:1:640111\n" - [POST] "https://admin.hub.nuxt.com/api/teams/red-star071/projects/wolfstar-rocks/production/deploy/worker/complete": 400 Cloudflare API error
Error while publishing deployment: "Uncaught Error: No such module \"node:fs\".\n at chunks/nitro/nitro.mjs:1:619146\n at chunks/nitro/nitro.mjs:1:614015\n at chunks/nitro/nitro.mjs:1:640111\n" - [POST] "https://admin.hub.nuxt.com/api/teams/red-star071/projects/wolfstar-rocks/production/deploy/worker/complete": 400 Cloudflare API error
here source code: https://github.com/wolfstar-project/wolfstar.rocks/tree/refactor/imagine-an-app