Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Avoid autoregistiration of event handler in server folders

I'm using a nuxt 3 application with nitrojs server. Is is possible to define files inside /middleware or /api folders which are not automatically registered and expecting an event handler? In my usecase I'm trying to split the fetching and mapping logic into different files. ``` ...

ref type wrong

if i do
const count = ref(1)
const count = ref(1)
...

Hard reload or direct navigation to any page redirects to home page

Whenever I refresh the page, my site redirects to the home page. This happens on every single page. Trying to go directly to any page also redirects to the home page. This only happens when the site is deployed or built and ran using nuxt preview, this error does not happen in development.

Nuxt Studio Module is breaking build

Is Nuxt Studio broken? I can't seem to build my project ERROR Nuxt Build Error: [nuxt:imports-transform] [unimport] failed to find "useContentState" imported from "#imports"

Nuxt for client only app

I'm starting to work on a new application. And I wonder if I should actually use Nuxt and I wanted to ask for you opinions. Is it really worth it? Or maybe it is better to stick with pure Vue? App will be pretty much an internal visualization app, so we don't need server side rendering and SEO befits that come with it. So I'm worried that Nuxt will just add a level of abstraction and complexity that is not really needed. On the other hand the app will be data heavy, so the idea of streamlined data fetching in Nuxt 3 seems promising, but if we will not use server side rendering, does it really make that big of a difference? I have experience with Nuxt, but actually only with Nuxt 2, since the ecommerce website we are working on in a different project is just stuck there and we have hard time migrating. So I'm actually not sure how Nuxt 3 will pan out. What do you think?...

Firebase i18n deployment

My project is working fine on build, transition between languages is good. But on emulators:start the project can't even start. Do anyone have links to sample project? What I quite don't understand is what is the content of the root i18n files in firebase.json? A sample that I can view on the github is just plain text in html file format....
No description

nuxt ui page help

need help creating a wiki-style page

iphone zooms on input field click nuxt ui

Hi im using nuxt ui to make my site and im testing it on my phone currently and the default input fields when clicked cause my iphone to zoom my screen in onto it. is this standard or is there a way to prevent it from happening?

Hydration Mismatch Error on dev/demo envs, not locally

@kapa.ai and whomever else - I have a newer SSR Nuxt 3 app that uses Nuxt Apollo, and in particular I'm using useAsyncQuery. When I go to a couple of my routes directly or reload those pages, I receive the following hydration mismatch error: Dr-3uGvq.js:14 Hydration completed but contains mismatches. That's the only error feedback I'm given. Some of my routes have very similar code but the error doesn't happen, while it does on a couple other routes. NOTE: I'm not getting this error locally, only in my dev and demo environments (I haven't checked prod yet). Using Tailscale and GCP for hosting. 1. I am using new Date() in one of the components, but this error still occurs even when I remove that and hardcode the date....

cachine requests

can you explain the different options and what a pro would choose for diaplying the amount of discord members on a website using nuxt 3. i heard there are some new caching options to simplify this? say i want a server route that caches for 10 minutes

What's the most reliable way to detect if a user's system/browser is set to dark or light mode using

I want to find out the default theme settings for a browser/system without using any plugins

Nuxt ui animate error on forms

Hi I’m using nuxt ui with did for error validation. Where can I globally set a setting to animate the text errors that appear under the input fields?

How to make loading effect in layout

Create a loading effect in layout from NuxtJS 3.

Dynamic Titles on every page

How to make dynamic titles on every pages based on constants data.

Job Posting Board Help

Hey, I'm trying to create a Job Posting Board and I'm not sure what is the best Nuxt way to get the complex data types and store in it in a State/Cache so I can create a Filter for when people want to search for different jobs.
I was thinking of just using @HugoRCD 's project as a guide because I think it follows best practices! and I love all of his design work...
No description

Adding onSelect() to NuxtUI CommandPalette causes error "cannot stringify a function"

It works wihtout the onSelect() but fails with Error 500: Cannot stringify a function as soon as I add it back 😦
No description

Layout overload

Hello, I have a problem with my layout. When I connect with nuxt-auth I arrive on a dashboard that has its own layout, when I click on the logo that redirects to the home page or even on elements that bring me back to pages using the default layout, the sidebar of my menu and the authenticated header remain on my page. Should I unload the layout? I should point out that this only happens with dynamic page changes. If I update, everything works normally. *I use a translator...

Wrong page displayed after navigateTo() in route middleware

I have a global route middleware that checks a cookie for user data, and redirects if the user is missing a particular attribute. I'm using the navigateTo function, and the result is that the URL is updated correctly, but the contents of the page look mixed. I have the previous page's contents, plus a button from the page I was trying to redirect to. Is there something I'm doing wrong in the redirect?...

Bind values to the Pinia getter

What is the correct way to bind the default-value of the RadioGroup to Pinia getter? I have a getter called maritalStatus which returns a string and I would like to map it to the correct radio button....