Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

vue export error during build

SyntaxError: The requested module 'node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue/index.mjs' does not provide an export named 'default'

Docus v3 - How to create another landing page

I've just started using the new version of Docus and I love it. Even purchased Nuxt UI Pro because of it. I'm a bit stuck at creating my second landing page (a page without the docs navigation). Setting the layout via frontmatter doesn't seem to work. Is this intended or a bug? What am I missing?...

onscopedispose running even though both pages use the same layout with the same component inside?

I have a layout which includes my component. when navigating between two pages using the same layout my component inside that layout has onscopedispose run why is that? i expected it to remain since it's on both?

UTable with action row to open UModal

I am currently using nuxtUI and tailwind, I have a UTable and I added the row action ability to my table. I want the action to open a UModal when clicked but nothing happened, i tried adding a toast to see if the button even works and the toast appeared but the UModal does not. in my script:= function getRowItems(row: Row<inventoryProduct>) {...

DevTools stuck in the top left corner of the screen and it can't be moved

I am trying now for an hour to get the devtools somewhere else, but it just won't move. I have created a brand new Nuxt project, deleted the files in the home directory, downgraded to a different version, it just won't move. I have even tried to override the position in the local storage, but nothing works. 😭
No description

Cannot find package 'isows'

Hello, I have a new project with Nuxt 3 and Supabase, I use the pluggin supabase for Nuxt 3. My package.json at the root of project :...

UCarousel (embla carousel) how to ensure width conforms to parents div?

I'm having issues with my Ucarousel not conforming its width to its parent div how can I solve this to ensure it does it properly? ```<template> <div class="flex flex-col gap-5 w-full pb-16 overflow-x-hidden mx-auto max-w-[var(--ui-container)]" > <!-- Heading -->...

moving from supabase auth > better-auth or nuxt auth utils?

I'm using supabase auth currently but thinking longer term is nuxt auth utils a better approach if im also using nitro websockets as it has an integration with that etc or are people using better-auth? could you explain the process and pros / cons

SSR error - ReferenceError: document is not defined

Hi! 👋 I'm new to both Nuxt UI and SSR, so maybe I'm just missing something, but... I'm using Nuxt UI Pro with Inertia and Laravel...

hmr not working in nuxt content v3

I just finished migrating nuxt content v2 to v3 and my hrm in all content pages does not work anymore. I have this content.config.ts file ```js import { defineCollection, defineContentConfig, z } from '@nuxt/content' ...

Preloading banners in ssr

How can i preload multiple banner in Nuxt SSR?

How to use/integrate Cloudflare Cache API?

My Nuxt app is built with the cloudflare-module preset and is deployed to Cloudflare Workers. I'm trying to leverage Cloudflare Cache API to reduce usage of CPU and other services (such as D1 and KV). I couldn't find any mention of this in NitroJS documentation, any hints on how to integrate this myself?

Could not fetch from api.fontshare.com in development. Behind corporate proxy server.

In my development environment, I get the following error message when running npm run dev, which results in not being able to view many icons and fonts.: ` npm run dev Nuxt 3.16.2 with Nitro 2.11.9 ➜ Local: http://localhost:3000/...

nuxt charts display formatted label?

I'm using nuxt charts to display revenue however it's shown as 1.0545 etc but I want the label to show $1.05. How would I achieve this? I don't see an example like this in their docs

UTable th scope-attribute

When using UTable, is it possible to add the scope-attribute to the th-element for accessability?

Have you or anyone been able to get ISR working on Cloudflare Pages?

In all my tests, the page re-renders every time. I even tried setting Cache-Control headers, but it didn’t work. Here’s the repo I’m using to test ISR on Cloudflare Pages: Test route: /custom-endpoint-usage 🔗 https://github.com/ltroya-as/isr-demo/...

Middleware and navigateTo have weird behavior

Hello there, iam using Nuxt v3 and middleware for authentication. So iam trying to redirect a user from "a" url to url "b" when he is not authenticated. The url "a" gets appended with a query to url "b" for easy redirection. Unfornatley, my page (index.vue) has a await useFetch for ssr, this useFetch throws an 401 errror not authenticated from my backend as an error. The whole problem is that the "navigateTo" does not navigate before the ssr throws that error, there is the sample code from the middleware: ```typescript import { useUser } from "~/composable/auth"; export default defineNuxtRouteMiddleware(async (to) => {...

useRoute trailingSlash changes in 3.17.5

I recently upgraded from 3.15.4 to 3.17.5 and I noticed that useRoute() no longer trims the trailing slash on the route. Is this intended? Are there any issues around this? Is there a central workaround?

Impossible to Host on NuxtHub

Hi everyone. Some of my projects (one already online and one i want to deploy on Nuxthub) gave me same errors when try to deploy. Here the errors: ...
No description

Nuxt UI PRO | License not found starting 9:00 AM EST

I was working on my app this morning, pushed a few deployments with no problem from 07:30 to 8:45 AM EST. At 09:00 AM EST, my license key became invalid. Can't active it from https://ui.nuxt.com/pro/activate either. Am I the only one with this problem ?...