Make number inputs not required
I have an optional number input for a calendar event ID. If you begin typing in the calendar event ID input, and then delete everything in it and stop, Nuxt UI will complain that the input is required. Even if you set
required = false on the input, Nuxt UI will continue complaining. Is there a way I can make it not complaint and make it understand that the input is totally optional?Update variable on UInput change
How do I make Nuxt UI update a
ref whenever the UInput is changed? I tried using v-model and @input but it doesn't work. I'm showing the current value of the ref in a UCard
Expected behavior:
User types a value into the input...I need help with Design Patterns in Nuxt
Hi, I'm new to Nuxt and have limited programming knowledge. I need help with something. I'm in the process of creating a document for a web app I'm going to build. One section describes the Design Patterns (which would be GoF or GRASP in traditional engineering), but since it's a Nuxt app, I don't know which patterns I'll be using or how to identify them. Can anyone help me with this? Any help would be helpful. Please, if possible, ask someone with a solid understanding of Software Engineering....
disable hamburger menu
I'm using UHeader. how do i disable the hamburger menu in mobile view? there's nothing in it anyway
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.
...