Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Nuxt Module - Tailwind V4

Hey ! I'm trying to use Tailwind in a Nuxt module, in the part where I installed the module In the project where I installed my module, I can use Tailwind, but inside the module itself, I can't. Could you please tell me how to make it work?...
No description

nuxi typecheck watch

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

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...

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: ...

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): ```...

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)"?
...

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?

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. ...

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:...

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...

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....

kbd multiple keys

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

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 ...
No description

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'. ```...

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: ...

@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?...

Chat bot kapa.ai

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

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>...
No description

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) => {...

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...