Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

important css element ui

I use both element plus and tailwindcss how can I prevent element plus css from being overridden by tailwindcss?

How to prevent duplicate API endpoint calls being made from within a component?

In a summary, these are the related factors: - Page containing component and uses default layout, - Component within page uses pinia store to fetch data via useAsyncData - Pina store loaded in the component and retrieves data via a custom fetch - Plugin adds a custom fetch and used in the pinia store...

Unhead syntax error in browser

I started a new nuxt project with Node 22 LTS and latest nuxt 3.16.2 Devtools are not loading and I get an error in the console like such: Uncaught SyntaxError: The requested module 'http://localhost:3000/_nuxt/node_modules/.pnpm/[email protected]/node_modules/unhead/dist/index.mjs?v=6f3b3302' doesn't provide an export named: 'getActiveHead'...

ERROR [vite-node] [plugin:vite:vue] [VITE_ERROR]

<script setup> const route = useRoute(); const { fetchItemById, loading, error } = useItems(); const item = ref(null); ...
No description

UI3 on stackblitz

Yo Kapi I want to setup Nuxt UI 3 on stackblitz to have some issue reproduction, but I don't seem to be able to (important to note that I have no problem to do it with UI 2) Here is the current error :...

Nuxt UI v3 as layer

I'm not able to use layer that contains Nuxt UI v.3 Problem is with css import in nuxt.config.ts. Once I try to run dev command, there is an error 500: '~/assets/css/main.css' can't be found. Does running v3 as layer requires some extra approach?...

Nuxt app/ folder structure error 500

Hello, Trying to move to app/ folder structure, but I keep having this error : ``` Cannot find module '~/app/utils/ui/button' imported from 'D:/Projects/nuxt-base/app/components/kit/button/index.vue'. - If you rely on tsconfig.json's "paths" to resolve modules, please install "vite-tsconfig-paths" plugin to handle module resolution. - Make sure you don't have relative aliases in your Vitest config. Use absolute paths instead. Read more: https://vitest.dev/guide/common-errors...

change router history base url

Hello, is there a way to change the base url of the router history ? I'd like to be able to do like in this vue project...
No description

Cannot compile template (components) after migration from Nuxt UI Pro v1 to v3.

```bash ERROR Could not compile template ui-pro/banner.ts. nuxt 22:59:41
ERROR Cannot read properties of undefined (reading 'theme') ERROR Could not compile template ui-pro/blog-post.ts. nuxt 22:59:41 ...

useFetch type inference

Hello! Been using nuxt for a few days now and most things are amazing so far, love the overall DX. I do have one small gripe with useFetch though. Take the following code ...

show me how to make dark mode for nuxt3 with ssr = true

show me how to make dark mode for nuxt3 with ssr = true but every time I f5 it doesn't get out of sync causing the background to have the wrong color for 1s before returning to the previously set color

Data fetching on SSR using useFetch/useAsyncData does not work on page refresh/reload

I've searched extensively but haven't found the correct solution. Here are some points I've considered: * The site certificate is NOT self-signed, so adding NODE_TLS_REJECT_UNAUTHORIZED=0 is unnecessary. * Setting server=false or any implementation that moves the request to the client-side is not preferred, as my goal is to use SSR for data fetching. My SSR application is hosted in AWS, following a structure similar to the one described here (see attached image) but with CloudFront in front of ALB....
No description

Color of Logo does not get updated from SSR prerendering although reference values changes

Hello everyone I am currently fixing a problem regarding my logo and it is a pain in the a.. The first attachment is our logo. In light mode, everything is okay, but when switching/running dark mode, it should display 'omott' in white. Due to SSR it loads initially in black and does not update itself when receiving the actuall colorMode. Does anyone know how I can force an update or fix this mess? I simplified code from my problem can be seen below. ...
No description

Change icon color of UPageCard

Is it possible to change the color of the icon of a UPageCard component? If yes, how?

Multiple input field

Would something like this be possible with NuxtUI pro? I can't seem to find anything other than https://ui.nuxt.com/components/input-menu using "multiple", but this requires a pre-defined list of input options. I need the user to input whatever they'd like
No description

Nuxt Devtools

Hi guys, I’ve found an issue and I’m not sure how to debug it. If I open the website in the Telegram webview, it renders properly. However, when I click a link with target="_blank", it opens a new tab displaying the source code of the page. When I refresh the page, it then renders normally. ...
No description

Build size slow down website!

Hi! I have a Nuxt app with a basic pre-rendered landing page, but when I check PageSpeedInsight, it show the page is super slow due to the Nuxt script It's a super simple landing page, so no idea why it's so heavy. Is there a way to fix that?...
No description

Advice on Nuxt project setup

Hi all I have written a simple backend in rust that does session auth with cookies. Now the last couple of days I have been trying to make a simple frontend for this in Nuxt but I'm very new to using this kind of frontend frameworks so ive been struggling a bit with whats what. For now Im stuck on the following things:...

Typescript and useFetch transform

I have fairly persistent issues with useFetch() and transform in typescript ; transform seems to expect the shape of the response not to change, which (at least for me) defeats the purpose ```ts export default async function() { return useAPI('/messages', { transform: (data: { messages: Message[] }) => data.messages,...