Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Can I use giget in the modules field?

Trying to understand where giget is implemented in Nuxt. Layers work but trying it in modules does not.

I'm having problmes updating my nuxt 3.8 to the latest

I'm having a lot of inconsistencies upgrading packages right now. I'm using yarn 1.22.22 and I want to upgrade piece by piece until im ready for latest version of nuxt. Can you help?

npm run build crashes after upgrade to Nuxt 3.16 due to exsolve

after upgrading to Nuxt 3.16 (from Nuxt 3.15) npm run build suddenly breaks with errors in the exsolve module. In my application code (so outside of node_modules) I do not use any node functionality (directly). All I receive is this rather cryptic message of an error caused within exsolve itself. Did anyone else have this problem after the upgrade and how did you solve it? Thanks a lot for any pointers! ``` [ nuxi 15:58:23] ERROR Nuxt Build Error: node_modules/exsolve/dist/index.mjs (7:9): "format" is not exported by "__vite-browser-external", imported by "node_modules/exsolve/dist/index.mjs". file: /Users/someuser/someproject/node_modules/exsolve/dist/index.mjs:7:9...

How to handle relative anchor links when the destination is external?

I am using an external CMS and it has some confiurable CTAS (and rich text). How can I get those relative URLS (which I can not change to be absolute) to proxy through to my CMS backend instead of hitting [..path].vue. I have a working example here:...

Using nuxt3 content module

Is it possible to have hot reloading with nuxt conent module version 3 in production? Or do you always have to build the nuxt app again when you push new items into the content/ folder?

Clean Modal emits

Hi all, I'm making the transition to Nuxt UI v3 (and am really enjoying it so far). There is one issue that I'm curious to see if someone solved in a nicer way. Sometimes a Modal can take multiple actions, for which I emit "close" events with the relevant data and a type field like type: "login"....

Nuxt 3.16 SSG - prerendering route

In my Nuxt 3.16 SSG application I am prerendering routes, in useAsyncData we're doing graphQL routes and the useAsyncData is keyed as such useAsyncData( dynamic-page-${pageIdentifier.value}-${locale.value}. But when running nuxt start I notice that some pages have not prerendered statically and requests to GraphQL are still being done. other pages of the same type do seem to be fully generated. What do I have to do to make sure all pages are fully statically generated?...

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