Nuxt

Nuxt Community Chat Server

Join

Nuxt

Nuxt Community Chat Server

Join

() => "CodingBill";

3/28/2025

nuxi typecheck watch

Hey there ! Is there a way to run nuxi typecheck in watch mode ?

Shawn

3/28/2025

ContentSurround Question

I am using ContentSurround from Nuxt UI Pro to show the previous and next posts on a blog. However, if I have no previous post, the next button appears on the left side of the surround with a back arrow, instead of on the right side with a next arrow. Is there a way to define if a surround item is the next or previous? If I have a next and previous post, it works great. If I have a previous, but no next, it works great. It's if there is no previous post, then the next item displays as if it is t...

zangetsu

3/28/2025

Nuxt 3.16.1 - getCachedData not working (?)

Hi, I was watching a video by Alexander Lichter about caching API calls in Nuxt and decided to test this approach in my Nuxt app. I copied and pasted the code exactly as shown: ...

Cesxhin

3/28/2025

How export interfaces after build module?

Recently I no longer export my interfaces to the types.d.ts file that gets generated during module build. Example (module.ts): ```...

Toffe

3/28/2025

Trying to use a Pinia store in a global middleware for auth check fails

It fails with an error:

Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?

Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?

...

salomon_.

3/28/2025

How can I detect specific page in layout?

I have a marketing.vue layout that wrap all pages, this layout contains Navigation.vue component which has float menu, on some pages I need to turn off the float effect, how I can do that?

maroo

3/28/2025

How can I generate a tag cloud from a custom Nuxt Content

Hi everyone, I'm currently using Nuxt Content and have defined a custom schema that includes a tags field with the type z.array(z.string()). On the frontend, this seems to be interpreted as a string[], but under the hood, it appears that the data is stored in the database as a text field with a JSON dump of the array. ...

Zerro

3/28/2025

Nuxt3: Using node version below 18

Hi community! Is it possible to use Nuxt 3 with node version below 18? I'm trying to run nuxt app on older ubuntu version (v18). However, ubuntu does not support node version above 18 due to glibc incompatibility. I could either:...

QRST

3/28/2025

Nuxt UI - Responsive Model/Drawer

Hey guys, how would we implement this responsive model with Nuxt UI. https://www.shadcn-vue.com/docs/components/drawer.html...

Just Simeon

3/28/2025

what is the requireJs alternative?

I have a dependency called videojs that needs global/window. however that doesn't exist and I found an issue (https://github.com/videojs/video.js/issues/5680#issuecomment-570120497) that shows a fix but it requires requirejs....

Just Simeon

3/28/2025

kbd multiple keys

Hey, does Ukbd in ui3 not support things like ctrl_k like defineShortcuts has?

Slade

3/27/2025

Fresh nuxt3 install weird inline styles issue

Hello, Today I started a new nuxt3 project but I noticed that my tailwind utility classes were not applied. I did investigate and it turns out there is an inline style which is taking priority. I have absolutely no idea where it comes from. I tried to create several projects with as few modules as possible. Just nothing but pnpm create nuxt test and the problem occurs. I also tried on edge where i have no extensions to see if that could be the issue but it is not... Then I tried to set the future: { compatibilityVersion: 4} and the problem was gone. But i'm not willing to commit to this flag for a production project. Then i also tried ...

Howler

3/27/2025

defineProps not auto imported?

I am new to Nuxt and Vue. I have setup a new Nuxt v3.16.1 project. Created a default.vue layout with some additional components. However, when I try to use defineProps, I am receiving the following error message: Cannot find name 'defineProps'. ```...

Yassaaa

3/27/2025

Need Help with `@nuxt/eslint` + Prettier + TypeScript Rules (Nuxt 3 + Tauri)

Hi everyone,
I'm working on a Nuxt 3 + Tauri project (initially based on the nuxtor template but with significant modifications). I'm trying to properly configure @nuxt/eslint with Prettier while ensuring that TypeScript rules are correctly applied, but I'm running into some issues.
Project Setup: ...

xmatthias

3/27/2025

@nuxt/fonts layout shift

@kapa.ai i'm seeing a layout shift when force- reloading a project that uses @nuxt/fonts and the font "inter" with ctrl+f5 on a production package. Shouldn't @nuxt/fonts prevent this on common fonts? what could be reasons for this?...

Cordobes

3/27/2025

Chat bot kapa.ai

@kapa.ai how i can set background tcolor ransparent in a page

Oyl

3/27/2025

Weird date error with callender element

```html <template> <div class="mt-8 ml-8"> <div class="flex flex-col w-fit"> <span class="text-white">Dates</span>...

Lennox

3/27/2025

Auth middleware not redirecting

I'm using nuxt-auth-utils and everything in my middleware works exept the redirect itself. I even get the "DUMMY REDIRECT" in the console. I've even tried with await, return, await return. abortNavigation() also does nothing. Why is that? auth.global.ts ```js export default defineNuxtRouteMiddleware((to, from) => {...

RicharDVD

3/27/2025

Explicit import from local Layer

Hi! I am migrating a Nuxt app to a layered architecture because we want to create a second application with a lot of the same core code, just some pages that are different. I migrated the folder structure to the following: - pnpm-workspace.yaml - package.json - packages...

kozy

3/27/2025

useAsyncData with pinia

I was reading through the documentation on useAsyncData and I noticed that it mentioned:

useAsyncData is for fetching and caching data, not triggering side effects like calling Pinia actions, as this can cause unintended behavior such as repeated executions with nullish values. If you need to trigger side effects, use the callOnce utility to do so.

with the following example: ```ts const offersStore = useOffersStore()...

Previous Next

Gaming

Programming

Nuxt

Nuxt Community Chat Server

Nuxt

Nuxt Community Chat Server