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
...
Html attrs lang fr doesnt work
I change html attrs in nuxt.config.ts in fr but it doesnt work. app: {
head: {
title: "Nuxt",
htmlAttrs: {
lang: 'fr',...
"ref is not defined" in custom module only when installed as an external dependency
I get this error only when installing my module from another project of mine. In the playground everything works fine.
What could be the problem here?...
nuxthub How to use separated env for local/stage/live
As now I have runtime config
```js
runtimeConfig: {
// @ts-ignore
backendKey: env.NUXT_LYS_WEARHOUSE_KEY || '',...
Fetching data in Pinia store - useFetch make sense here?
I have Nuxt app with Pinia. In one store, I find myself using
useFetch for data fetching (with SSR support), then expose the status, error and another computed variable which does some computation on the data returned.
```
stores/store-a.ts
export const useStoreA = defineStore("storeA", () => {
const {...Nuxt, Supabase with Tanstack
i'm using nuxt with supabase for authentication and everything, is it best practise to use it with tanstack for data fetching for loading states and everything or should i use it with build in nuxt functions ?
How to send back an image from nuxt3 api endpoint?
I want to secure my images that I send back, so I send it back through an endpoint, but when I do that, chrome can't read it. It sees like 2.4mb being transferred, but the resource size ends up being 0kb.
I try this, and it works if I visit it directly in browser link, but not when I call it from JS. What am I doing wrong? I am calling it using $fetch, but I can still see it in network tab, the response is not showing correctly.
```...