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..
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: here source code: https://github.com/wolfstar-project/wolfstar.rocks/tree/refactor/imagine-an-app
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
Optimize an app
I've reach the point of ~100 users on my app.
How I optimize front end wise - my application? Any guides?...
`#components` conflict when auto-importing components from an external package
Hi, I'm trying to write a simple nuxt module to add auto import support for a package's exported components. However, the external package uses the
#components import mapping internally, and it seems to conflict with nuxt's #components.
Here is a demo; it uses pnpm's workspaces to install a local pkg package as a dependency for the nuxt project. The module simply adds a component from pkg with addComponent, and the pkg's package.json uses the #components import mapping.
Running pnpm dev yields...nuxt-security. strict-transport-security
Hello.
I found an error in the module related to the "strict-transport-security" header setting.
When checking the site settings, an "Invalid syntax" error occurs.
...
Deployment via docker
I'm going to deploy a nuxt application + a custom server in dotnet via docker and docker compose on my homelab.
That will be for my dev deployment while the production deployment will happen via Azure.
In the deployment section of nuxt I cannot see anything about docker deployment specifically so I guess it is just a normal node js image and run nuxt build and then run it?...
deploying nuxt server function on firebase is slow takes more than a minute
any recommendations how to optimize this or is it just what it is?