Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

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

loggedIn.value always false

I'm actually new to Nuxt. I tried the tutorial for authentication, and it works well on my computer with docker. When I try to deploy it on my vps, I have an issue with it. loggedIn.value is always false. I check my authentication api, and it doesn't throw an error. I check the server side of nuxt and there is no error too. I can provide code if needed. I'm really confused now.

Selecting data in UTable without rendering checkboxes

I'm using UTable from nuxt/ui and I'm trying to highlight the selected row by using the v-model on it but the problem is it renders checkbox on each row. I tried using @select handler without using v-model but it doesn't work.

Usecookie and isr cache conflict

usecookie cookie resets to default after isr cache is refreshed. So i have this code // Cookies const cookieBannerDismissed = useCookie("cookieBannerDismissed", { default: () => false, maxAge: 60 * 60 * 24 * 30, // 30 days in seconds path: "/", // Set the cookie for the root path...

nuxt ui use button as regular link

to and href both use NuxtLink!! what do i do?

in nuxt, where do i specify the context's types?

```ts export default defineEventHandler(async (event) => { const config = useRuntimeConfig(); ...

In nuxt, where to specify compile-time flags?

With a Vue+Vite app, you can specify some compile-time flags like below. For instance, I never use Options API, and apparently disabling it saves ~10kb off your final build. How can I do the same in Nuxt?...

Nuxt UI v3 Calendar Heading

Hey, we're migrating our project to the new UI v3. Our site uses i18n to support multiple languages and we are struggling to find a way to set the language of heading in the Calendar component....