Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

nuxt/fonts + tailwind 4 + google fonts Error: Unknown font format

hello, i am trying to use a google font in my project. the font is declared using the new tailwind config in css token this is wha the nuxt/fonts documentation say about how to setup it in this case fonts: {...

We're deploying to Vercel but it appears new deployments do not propagate to clients

We're deploying to Vercel but it appears new deployments do not propagate to clients until they hard reload the page. What might be the cause of this? Is this a Vercel issue or some nuxt config I need to use?

What is the easiest way to preview my Nuxt 3 site locally with HTTPS enabled?

I've just finished running bun run build and bun run preview. I'm wondering if there is a Nuxt module that can help me preview my site locally with HTTPS enabled.

Are certain properties of the layer nuxt.config.ts ignored?

My Nuxt Layer has defined the following in nuxt.config.ts ``` future: { compatibilityVersion: 4,...

Is there a way to share my .editorconfig file from my layer to my project?

I have started working on a Nuxt 3 Layer which I plan to use as a base for many of my future Nuxt projects. Is there a way that I can maintain an .editorconfig file in the layer and have each of my future projects make use of this file somehow? Perhaps more generally I would wonder if there is a way I can copy over files from an NPM package into my local project when I am installing the layer for the first time....

Components props?

how i can pass values to a component @kapa.ai...

How can I create a redirect while preserving some of the path params of the route?

For example, redirect from "/en/user/<id>" to "/en/user/<username>" the "en" is a path param.

Nuxt Content - API for Remark/Rehype extension configuration options

I would like to change the default "Footnotes" label to "Notes". I'm not sure how this is exposed in nuxt.config. It's not clear which extensions are being used and how to access their configuration API. I have tried options like this with no luck ``` "remark-gfm": { gfmFootnoteHtml: {...

Error on Postcss if I want to use custom classes with tailwind on Nuxt3

So I have a component that I'm using tailwind, some of the classes are customised, and they're already inside @layer components {}, so I can use them: ``` something { @apply text-title1; }...
No description

layout slot issue

Hello, For some reason, my footer ends up above my layout slot everytime I change page.... then it goes back to normal if I refresh the page The template of my App.vue :...

[Vue warn]: Failed to resolve component: ModalComponent

I'm having this error, I'm basically using this component and passing data to it under a component [Vue warn]: Failed to resolve component: ModalComponent If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement....

Issues with Cloudflare Pages Deployment in combination with content module

Hi everyone, I hope I can find a solution here after few hours of searching. I am currently setting up a nuxt project where we want to host the content as Markdown. We want to do the deployment via CloudFlare Pages. Currently I have problems that the pipeline of CloudFlare cannot find the database D1 when building. Here is the build log: https://gist.github.com/TheMeinerLP/4896ecfb875284de33d6e6fa8bec8766 Here is the repo on Github: https://github.com/OneLiteFeatherNET/Launchpad...

Problem with NUXT UI Components

Hi! I'm trying to use some components but i can't. I cloned the dashboard template to don't start from scratch. Components like: - UNavigationAccordion from Pro - UVerticalNavigation...
No description

ohash error eferenceError: Cannot access 'defaults' before initialization

Nitro fails to starts: I've tracked the problem to ohash function: ```js...

Deploy Nuxt Content to Cloudflare Pages

Hey all! I have a really hard time to deploy an instance of Nuxt Content to Cloudflare Page. The deployment goes well up to the point where it errors when deploying to Cloudflare Global Network: ```...

Nuxt prepare error

In the last few days I can't create a nuxt app (using nuxi init) without getting this error during nuxt prepare after installing the dependencies (or subsequently after every npm i): ```
nuxt prepare
...

How does nuxt build work, in depth?

I'm trying to use bazel to build a nuxt3 application and I'm getting stuck at the build. nuxt build/dev/generate etc all work fine and I can use the bazel equivalent of nuxt dev and I can also nuxt generate but when I try to have bazel build a full SSR app it fails with ERROR EACCES: permission denied, open '/home/user/.cache/bazel/_bazel_user/f2cab145d1e9274ddba8319b91b01062/sandbox/linux-sandbox/42/execroot/_main/bazel-out/k8-fastbuild/bin/contexts/project/.output/server/node_modules/@unhead/dom/package.json' In bazel the sandboxing does not allow you to both write files/directories and then read them within the same action and from the errors I'm seeing, that is what it looks like nuxt is doing. My build is succesfully building the .nuxt folder and gets to [nitro] ✔ Generated public .output/public...

Nuxt routing when using content folder

Hi, I'm new to Nuxt and JS frameworks in general and struggling to understand something. I've set up a content collection for recipes using @nuxt/content, with a catch-all template for recipe pages. However, it feels like when using content collections, every page on my site must have a corresponding content file. For example, I don't have content/index.md, but I do have /pages/index.vue. Because of this setup, I get a 500 error (route is not defined)....
No description

A route that returns either txt/xml (server route) or Vue (pages route)?

I'm replacing a legacy site with a particular URL structure that I need to maintain. Unfortunately the Nuxt route patterns aren't expressive enough and I can't find a workaround. The paths I want to maintain are /rfc/rfc1.xml as a server route, and /rfc/rfc1 as a pages Vue route. The filename-pattern in the server or pages directory would be [id].ts but then Nuxt prefers the server route over pages, and there's no way to narrow the server route with patterns like [id].xml.ts (not...

Website not working on prod, no useful errors.

I simply get this error, it works fine in dev mode, or preview mode on my machine. Would be useful to know how to get more detailed errors. Nothing in the logs (server side) and nothing in the client console. At this point I'm not sure where this goes wrong.
No description