RouteMiddleware Can only run once
the code is here:
```ts
export default defineNuxtPlugin(() => {
addRouteMiddleware('auth', () => {
console.log('This global middleware is added in the plugin and will run on every routing change')...
Understanding PageHero + Carousel
So i have two issues..
1. the page hero examples in the docs do not show an included navbar at the top version even though it's a very comon use case. Looking at the slots would i be correct in guessing top slot is where we should put UDashboardNavbar etc? what about the other slots for this component - top, bottom default? default behaviour is to add on the the components provided in this slot to the default title+description etc thing?
2. if we wanted a background image i'm guessing we'd need to use bg-[url..] style utilities? or use absolute positioning? what is we needed a carousel in the background instead?...
Tools to debug exact line that causes error?
"[nuxt] [useAsyncData] key must be a string.' I get this error 500, is there a tool or something that allows me to see the line of lines that ran before this error occured?
Few doubt regarding Nuxt UI pro license and prod build
I need to deploy a Nuxt UI Pro project on a server that does not have internet access (permently / sometimes) . I must run the build command without an internet connection. I have a few questions:
1. Is an internet connection mandatory for a production build?
2. Does the license key validation run every time during npm run build, or only the first time (and cached afterward)? Does it require internet for API calls during validation?...
How to read .env in production ? (Docker & pm2)
Hey all,
I'm trying to deploy a Nuxt app in production and need to host it somewhere where I'll not need to worry about execution time - so I opted for a vps.
Premise:...
ECONNREFUSED while working on my project
Hello,
While working on my project, I often have that error leading most of the time to the server to stop :
```
ERROR [unhandledRejection] read ECONNRESET 8:02:41 AM ...
Trial build - Issue
I have completed the a project using nuxt ui pro, and i would like to build and a trial run before purchasing the license key, i tried multiple ways but still getting error, and i am unable to build
i tried :
...
How can I make UProgress update its fill smoothly instead of every few steps?
<UProgress v-model="currentIndex" :max="moduleData.Questions.length"/>
the :max is 320 and the bar only updates its progress every few currentIndex updates, not with each currentindex update...
nuxt ui tabs with the bg color as bg-muted using :ui=
nuxt ui tabs with the bg color as bg-muted using :ui=
UFormField with UInputMenu errors
When using UInputMenu in a UFormField, I am getting the following errors in Chrome:
- A form field element should have an id or name attribute (UInputMenu input has neither id nor a name attribute)
- Incorrect use of <label for=FORM_ELEMENT> (UFormField label for)
This is the code:...
Whitespaces being removed
Heya, this is my Paragraph tag:
```html
<p class="note-content text-lg max-w-prose text-left">
...
Override default '#app' alias in Nuxt v4 alpha-2
hi, is it possible to override default '#app' alias in nuxt? since i want to keep import alias consistent with another, currently '#app' alias is reserved by nuxt and uses internally, so i want to use '#app' to resolve to 'app/' folder without breaking anything, and i want to remove default alias which is '~' and '~~' completely as vscode is making it as default choice when importing instead of using aliases.
I am using nuxt v4 alpha, and i have following aliases, '#server' -> '$projectRoot/server/', '#core' -> '$projectRoot/core' , '#shared' -> '$projectRoot/shared'...
Force browser to not keep chunks in cache
Hi.
My users are often facing problems like they still have old version of the website after deployment.
If they do hard refresh or cache clear in their browser they got the right version.
So I wonder how can i do to force the browsers to clear cache if the files have been re-builded...
app dir nuxt 4
Hello there, i got to go on nuxt 4 for my next task.
Well i got some issues with the
app directory : instead of displaying "hello world", it display the nuxt welcome page, i guess my app directory did not get detected by nuxt.
here's my config :
```ts...
Properly export types from a custom Nuxt module
Hi, I have a custom Nuxt module with some type declarations that I'd like users to be able to import: my types.ts files inside
src/ are ignored when packaging though, and they do not make it to the dist/ directory.
I am having trouble finding the right docs about this, can someone point me to the right direction?...Page Transition doesn't work well
I'm making page transition in my project.I followed the Nuxt official doc.After I added css style in app.vue and I add related settings in nuxt.config.ts, when i' m click the link, although it faded, but the element did't come out, so it was an blank page.How I could fix it?
NuxtUI: Close the USlideover when clicking on a link from the UNavigationMenu inside the USlideover
Guys, I need some help!
How do I close the USlideover when I click on the link in the UNavigationMenu, which is placed inside the #body
slot of the USlideover?
...
NuxtUI: can't change style globally
I created an app.config.ts and the style is not changing. I restarted the server and everything, but the input stay the default Nuxt UI style.
Here is my form page
```
<template>...
Element Plus Nuxt plugin does not work in a layer
I opened an issue there (https://github.com/element-plus/element-plus-nuxt/issues/161), but I would like to ask it here too to make sure.
The plugin works as expected when you use in a standalone Nuxt project, but once it is in a Nuxt layer (instead of installing/using in the root), we aren't able to overwrite the styles by using
additionalData and neither use any other file there.
I created a reproduction repo here: https://github.com/lkjimy/element-plus-nuxt-issue
(It uses NPM workspaces. Run npm i, npm run dev in the root dir)
...NuxtUI: Impossible to install
Hi,
I was previously using Tailwind and I just found out about NuxtUI.
I removed my @nuxtjs/tailwindcss and followed the official documentation for NuxtUI => https://ui.nuxt.com/getting-started/installation/nuxt
...