Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

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 ?...

Cloudflare workers Hydration node mismatch

I'm moving Website from node env to Cloudfalre Workers. Using preset cloudflare_module On Node everything works fine, on CF workers I get Hydration node mismatch, What can be suggested to debug this?...

Nuxt Image + CDN + IPX + Hashed Assets

Hey everyone! I’m working on a Nuxt 3.15 project using @nuxt/image:^1.10.0 with the ipx provider, and I’ve run into an issue after upgrading from nuxt@3.1 and nuxt-image/edge. I want to use <nuxt-img> to load locally imported images (e.g. from @/assets/img/...) that get hashed during build (e.g. tripadvisor.CEjUf8Dq.jpg). ...

How can i ignore some folders in my app when run pnpm nuxi typecheck

I have i typescript params in my nuxt config ``` typescript: { typeCheck: false, strict: true,...

Simple dark/light mode toggle with Nuxt and Tailwind

Not sure what I am doing wrong, but I cannot manage for Tailwind to respect the "dark" class on my "html" element. It's set properly and my tailwind.config.js contains darkMode: "class" (tried other values too), but when I inspect my page tailwind still uses prefers-color-scheme selectors. I've also tried ```ts tailwindcss: { config: {...

UChatMessage - Unable to display toolInvocation parts

Hey everyone 👋 I'm currently integrating the UChatMessage component into my Nuxt app and I'm having trouble using the parts property. Specifically, when I pass a list of toolInvocation objects as parts, nothing is displayed on the screen ...

Components that only use `defineProps`, don't export type information

After upgrading to nuxt 3.17.5 from 3.16.1, I'm getting type errors from components that use defineProps, without also using defineEmits or defineModel. For example this component: ```vue <script setup lang="ts"> defineProps<{ status: "running" | "paused" }>();...

How to use layouts in Nuxt-Content v3

What is the correct way to use layout: 'xyz' in .md files so that it works similarly to Nuxt Content v2? Should I use setPageLayout()? If so, where should I use it? I can’t do it in pages/[...slug].vue because the default layout loads first and then it changes, and it doesn’t work properly in middleware either... And if I want to check in the layout whether a given article has a ToC, I need access to data.value, but I can't call it inside layouts/xyz because it's only executed once.

Self Closing Slots

Hey everyone, was wondering the following thing: In this documentation - here we use self-closing tags ```html <template> <div class="card">...

Correct way to create a compostable

Hello, I would like to know what is the correct way to create a composable, I am very confused because I do not know in which case to use function or constant, in which case to implement the await to render first in the dom of the page or component.....

Nuxt generate no query params after redirection

https://github.com/nuxt/nuxt/issues/31387 I'm facing the issue here. My redirect middleware gets transformed into a meta tag with http-equiv="refresh". Hence the new URL doesn't contain the query params of the redirected URL...

nuxt ui utable using slots in template to render each column

with the utable i want to use my own components and i would prefer to just build that in the template tag in the slots of the utable can you give ma an example to properly do this

Assuming I'm building a nitro api with aws-lambda preset, how do i pass a context object

I'm building my nitro api app with the aws-lambda preset: ``` export default defineNitroConfig({ preset: 'aws-lambda',...

Website configuration

I'm building a multitenancy site and I don't know where to put my config files, such as public bearer token, name of the site, images, favicon, public recaptcha. Should I use the runtimeconfig of nuxt.config or in another folder? i started using as a composable, but once I ran the project, the file was exposed.

Firestore deploy in App Hosting

Dear All Does anyone has experience with hosting Nuxt application on Firebase App hosting. Despite numerous attempts and appHosting.yaml configuration keep getting container (misconfigured) - port errors (timeout). Anybody having similar issues?? Thanks! MC...

Maintain request context on serverside fetch requests

I have a endpoint in nitro that i need to call other internal endpoints. I need the event.context of the initial request to be maintained/passed to all subsequent internal requests. I have tried event.$fetch, but i get errors when running tests (vitest) saying $fetch is not a function. I tried fetchWithEvent, and it throws a URL parse error with internal (relative) endpoint urls, so i assume that it wants a full url which would suggest thats its not going to skip the http overhead and call the e...

PWA Application going in a infinite loop

My app is going in an infinite loading loop in production. What could be the reason I guess the service worker is try to register again and again or resources are getting cached with duplicate revisions. I am using NUXT module. Here is my configuration ``` pwa: { injectRegister: "auto", registerType: "autoUpdate",...

fetch data once, then cache to reuse in other places

I'm using pinia stores but say for something simple like calling my server route to get my referral code which I want to display in different places on different pages what approach makes the most sense for this? say i need the referral code on a specific page and then in a component. what's the clean simple way to do this?

updateTemplate for server templates

I know that updateTemplates exists to update virtual modules added by addTemplate, is there something similar for addServerTemplate to update a virtual module on the server? I have a virtual module added by addServerTemplate and I want to be able to update it without triggering a full-reload. But the filter function in updateTemplates does not seem to include my server template and I don't know how to exclusively update it based on the documentation.