How to use imports in Layers
I'm trying to understand layers and how to best develop them. I followed https://nuxt.com/docs/guide/going-further/layers#named-layer-aliases to start my layer resulting in a monorepo structure like this:
```bash
.
├─ app...
Nuxt Content - Not picking up *.md and not rendering anything
Ive been trying to fix this issue for at least a day now. From what i can tell, my content.config.ts is right and everythings in the right folders too, but even if i try to query the entire collection, absolutely nothing gets returned and all i get is null.
content.config.ts
```js
import { defineContentConfig, defineCollection, z } from '@nuxt/content'...
[@vue/compiler-sfc] Failed to resolve extends base type.
ive consolidated common types within my components and shifted them all to a types folder where they're auto imported. these types are designed to be composable with consuming base types. however when attempting to extend base types i now get this error
```bash
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore / before it, for example:
interface Props extends / @vue-ignore */ Base {}...
Production environmental variables
Hi, I use IIS for hosting and im trying to setup my environmental variable that i use in runtime config. How do i do that on prod? I remember using some file to do it before but I forgot...
How to check the node version being used in a project
I have a TurboRepo project that's using a mono repo setup for a bunch of nuxed apps. There's no specific .nvmrc file.
Does this mean that whatever developer who is running and working on it locally is automatically using their version of Node,？
Or does nuxt like automatically save and assign a specific version of node when the project is made or something like that?...
Supabase Auth getSession or onAuthStateChange to getUser
I've added supabase otp authentication and noticed in the console that I am getting the following error.
Using the user object as returned from supabase.auth.getSession() or from some supabase.auth.onAuthStateChange() events could be insecure! This value comes directly from the storage medium (usually cookies on the server) and may not be authentic. Use supabase.auth.getUser() instead which authenticates the data by contacting the Supabase Auth server....
Unable to use nuxt-ui's tailwindcss in my custom module.
I'm building a nuxt module, in which I need to use nuxt-ui components and tailwindcss.
I've followed the documentation and setup my plugin environment with playground. When installing, i choose to use @nuxt/ui.
The nuxt UI components are working from inside my module but any tailwind classes which are not present elsewhere, is not processed.
I know that somehow I need to provide my module's components directory to look for the classes. but unfortunately, everything I'm doing is not working.
...
Unable to trap focus within a Nuxt UI Drawer
I have buttons inside a drawer, and when opening the drawer, page focus is not on the drawer, instead I can see focus changing on background elements as I hit tab. Eventually hitting tab enough times brings the focus onto the drawer content.
What needs to be done to get:
1. Focus to be on the first element in the drawer when it opens...
How do I purge cache defineCachedEventHandler
I use defineCachedEventHandler in a few API's but how do I purge it?
Getting route params after changing route
Hi guys, u are my last chance before using vanilla javascript options or middleware + localStorage...
I am having trouble with getting params from
useRoute() from my dynamic URL routes.
:1_check: Whenever I visit the URL directly OR reload the page I get the params correctly.
:1_cross: I don't get the params on page, where I get by await navigateTo() (or await router.push()), which is my goal......Multi Line Runtime Config from Env
I am trying to load a certificate from runtime config.
It works fine locally (windows), but when i deploy it (dockerized) the runtime config value is set to empty string.
```nuxt.config.js
export default defineNuxtConfig({...
What are the differences between preloadComponents and prefetchComponents
Does one only download a component, meanwhile the other downloads-and-pre-renders it?
Forbidden error
403
[GET] "http://127.0.0.1:58503/__nuxt_vite_node__/module//Users/selvi.kiruba/node_modules/ofetch/dist/node.mjs": 403 Forbidden...
UDrawer with inset doesn't fully animate off the edge of screen
Given NuxtUI's drawer (
UDrawer) with the inset option...
When closing the drawer, the drawer does not animate fully off the screen. Instead, as an end-user, I see the drawer animate to zero but is still visible for a moment, before ultimately just disappearing.
Instead, the drawer should fully animate off the screen, just like when not using inset....Could not resolve component "default"
Hi guys,
I've got a big Nuxt App, and i randomly got an error
Coule not resolve component "default" at /folder/:id().
I've this randomly in production, but not at all in dev. I have this since i migrated to 3.16.
...
Running code at runtime only
Hi, I have some server-side code I need to run ONLY during runtime, not during pre-render / buildtime etc. How can I do?
How to deploy a static nuxt app
```ts
export default defineNuxtConfig({
compatibilityDate: '2024-11-01',
devtools: { enabled: true },
...
Nuxt UI Icon size
I'm using the latest versions of Nuxt UI / Nuxt UI Pro, but I'm finding my icon sizes (and maybe my text too) are all considerably smaller than the Nuxt UI Pro Dashboard template. Is there any reason why this might be?
[NuxtUI] NavigationMenu - How to style active state
I've got small side menu and for this on default active state styling dosn't work for me. I've tried to style active state trough
:ui prop but can't find proper way to change for example bg color. I know it's before element. I've tried following object formats: active:link, active:true:link, then both of those with variants: around. Nothing seems to work. Wrong approach or a template bug in NuxtUI?