Passing module options to runtime
When working on a Nuxt 3 module, what is the best way to expose the module's options (possibly defined in
nuxt.config.ts) to parts of the runtime code such as components and server handlers?Solution:
----------------------
To expose module options to runtime in a type-safe way in Nuxt 3, you should:
1. Define a Type for Your Module Options:
Create a TypeScript interface for your module options....
Create a TypeScript interface for your module options....
Font not loading on production build
Hey!
Recently almost finished my focus-centered clock app.
I was deploying a beta version on my domain, but came across an issue: the font file doesn't load for the icons.
I use nerdfont's webfont.css file (that I downloaded and adapted for my setup, changing the reference to the font file accordingly to
~/assets/fonts/Symbols-2048-em Nerd Font Complete.woff2).
You can see the whole code here: https://github.com/TheDogHusky/home-clock...
installing nuxt with err
The error is caused by losing a bindings:
```sh
│ ERROR Failed to load native binding
│ at Object. <anonymous> (D:\nuxt\nuxt3-awesome-starter-2\node_modules.pnpm\oxc-parser@0.71.0\node_modules\oxc-pa…
│ at Module._compile (node:internal/modules/cjs/loader:1255:14)4)...
NuxtUI Form doesn't trigger submit
I've got a form to create a new data structure in the db, but the submit handler is not being activated. Here's the nuxt page source:
https://gist.githubusercontent.com/partap/6a387488bd8927e7a197da043bc8e454/raw/479d5151e2d6d03f0936dc4943d7787d2715652a/new.vue...
The "name" argument must be specified
Im not sure if this post is important to mention https://discord.com/channels/473401852243869706/1085221993357508658
I am still getting this error, on node 18 i cant use the current version of nuxt content cause it says it needs node 20 or 22. but when i upgrade node i get the "The "name" argument must be specified" error.
I need nuxt content for my project, what can i do else?...
UInputNumber edit the way the number is displayed?
I'm using the UInputNumber component but I want to use NumberFlow to display the numbers within is this possible or not to display the number in a custom manner like this?
Nuxt docker volume for cache management?
Hypothetical question, the website it ready, but I haven't tried this part yet because it would waste a lot of time if it doesn't work out, but wondering if someone here already knows. Doc doesn't mention Docker, and I am also unfamiliar with docker, given this is my first project with everythign.
The websites has a lot of caching on the server side, basically the cache is my website's storage. I've given it a max-time life of several weeks to $fetch calls. So during deployment should I link up a volume for cache? ... I am wondering about how to allocate storage for my needs.
If so, how to link a docker volume specifically for nuxt cache?...
Nuxt3 with Tailwind v4
I've setup a Nuxt3 project with tailwind v4. I only have a tailwind.config.js and the imports in the css files but I can not use font styling or colors only position and sizes.
using nuxt starter err: i Restarting Nuxt due to error: Error: Failed to load native binding
我在尝试用pnpm安装nuxt ui starter但是报错i Restarting Nuxt due to error: Error: Failed to load native binding
Nuxt/ui pro licence doesnt work
Hey, I purchased a Nuxt UI Pro license about 30 minutes ago and accepted the invite. I'm now trying to build my project using NuxtHub, but I'm getting an error saying
Purchase Nuxt UI Pro at https://ui.nuxt.com/pro/pricing to build your app in production.
I've already added the NUXT_UI_PRO_LICENSE=<my-code> to the environment variables in NuxtHub, but the error still persists. What could be wrong?
Thanks!...Help to build a multi-tenancy nuxt application.
I am working on an e-commerce nuxt app, and I want to implement mult-tenancy approach, I have searched for a module that helps me to resolve the tenant from a custom domains or even custom domains, and also provide helper functions to help me handle tenant's specific configs like the selected theme and preffered settings, Is there any one who can guide me where to start and knows an efficient module?
I tried to use tailwind v4 in nuxt but it failed
I followed Tailwind's official tutorial and installed Tailwind v4 using nuxi. But I found that I could only use p-X or m-X styles, and color styles like text-red-500 didn't work. Is it because I didn't set up postcss.config.js or tailwind.config.js?
Inner Drawer/ Model
He guys i want to have a drawer in a framed container like so instead of the whole page any ideas?
https://streamable.com/4wxdch...
.env file not working in production build
This is my first nuxt project. The .env file isn't being passed to the production build. From what I understood, I have to map the .env manually to the nuxt.config, is that correct? Also I set the NITRO_PORT in .env and that isn't passed either.
Import FetchError type
Hi! What is the current method of importing
FetchError type?
Ref: https://discord.com/channels/473401852243869706/1224809697689862156
Ref: https://github.com/nuxt/nuxt/issues/26628
...
[SOLVED] Failed to parse URL from sitemap.xml at node:internal/deps/undici/undici....
Hi,
Every build (dev and prod) shows this (non-blocking) error:
```console
9:51:36 AM: [error] Failed to parse URL from sitemap.xml...
App runs in dev but not after build + preview
I have a Nuxt 3 app that runs okay in dev mode but when I build it and use npx serve to take a look, I get a blank screen with this error in the console:
```
Uncaught TypeError: isFunction is not a function
at defineComponent (runtime-core.esm-bundler.js:1478:10)...
Pre-render for Firebase Hosting, Nitro deploy to firebase functions
Hello everyone,
I want to be able to prerender all my website (SSG) so they can be served by Firebase Hosting, but allow nitro endpoints (deployed on Firebase Functions).
I can run
pnpm generate to get my SSG, but I'm not finding a way to build the nitro backend WITHOUT serving the static content. ...