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?...
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....
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
Project Setup: ...
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?...
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>...
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...
useAsyncData with pinia
I was reading through the documentation on
useAsyncData and I noticed that it mentioned:
with the following example: ```ts const offersStore = useOffersStore()...useAsyncDatais 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 thecallOnceutility to do so.