Nuxt

Nuxt Community Chat Server

Nuxt

Nuxt Community Chat Server

5/24/2025

can i add a line warp to a tooltip

hi, can i somehow add a line wrap / line break between longer sentences on a tooltip. i've tried adding some \n and <b /> to the string but it doesn't work

∀s∈ℂ\{1}, ζ(s)=Σₙ₌₁⁺ⁱⁿᶠⁱⁿⁱᵗʸ n⁻ˢ

5/24/2025

CSS modules with Tailwind 4

Hi. Tailwind 4 classes seem not to be applied in CSS modules . I tried the directive @reference from Tailwind, and it is still not working : ```html...

WiFi Plug

5/24/2025

trying to use the world-countries package but i get this error

"import countries from 'world-countries'" this is my import this is the error "Module "file:///C:/Users/user/Desktop/nuxt/node_modules/.pnpm/world-countries@5.1.0/node_modules/world-countries/countries.json" needs an import attribute of "type: json"" why is this and how do i solve it

pabloelsoso.

5/24/2025

Is it possible to make the useAsyncData composable delay page rendering until the data is loaded

type UseBDRequest = { param?: string; key: string; methodKey?: | "page"...

pearbender

5/24/2025

"Are you sure?" component

What component should I use for an are you sure dialog?

ppseafield

5/24/2025

Nuxt I18n `t()` in shared folder for validation messages?

I have a shared/types/login.ts file with a validator schema definition for a login request type. How would I localize validator error messages?

pearbender

5/23/2025

Tooltip on tab trigger?

Can I wrap my triggers in a UTooltip somehow? Here's the source of UTabs: https://github.com/nuxt/ui/blob/v3/src/runtime/components/Tabs.vue

pearbender

5/23/2025

Theme picker a usable component?

Is the theme picker on the Nuxt UI documentation pages usable as a component? https://ui.nuxt.com/getting-started/theme...

pearbender

5/23/2025

Add standalone chip to tabs text in nuxt-ui

Can I?

WiFi Plug

5/23/2025

nuxt security module allow iframe for nuxt studio preview display to work

i have nuxt-security which by default seemt to block the iframe for nuxt studio to display the preview how do i allow it>?

dmarr

5/23/2025

Types added via module

I am reading https://nuxt.com/docs/guide/going-further/modules#adding-type-declarations and trying to understand something. I have a type that I want "exported" from my module, or at least "known" when something needs to introspect a property in the app. I don't really understand the mechanics here. In the example they declare module 'nitropack' I guess because they are overriding/extending something exposed in nitro. In my case, if I just want the type to be discoverable (both within the module and outside it), do I use declare 'global' or what? I see my nuxt.d.ts and it has the /// <reference path="types/my-module.d.ts" /> there, but the types I declare there are not found in my app. I did see a comment from Daniel saying that TS types aren't Autoimportable by design, so maybe I am barking up the wrong tree or my approach is not correct. Can anyone point me to somewhere I can go to better understand this stuff? I feel like such a luddite when it comes to TS and these types of issues don't help....

WiFi Plug

5/23/2025

setup nuxt studio

can you walk me through setting up nuxt studio? I deployed my site via github to render.com. what steps do i need to ensure in my project so i can use nuxt studio

Kay

5/23/2025

htmlAttrs.lang not working

Hi, I have a weird bug, not sure if it’s worth opening a GitHub issue for it. In my nuxt.config.ts, I’m setting the HTML lang="fr" attribute like this: ```ts...

Marceau

5/23/2025

How to call server APIs from unit/e2e test?

I have a composable (among many others which I'm going to want to test) which call useFetch, $fetch, etc... Ideally I want to test exactly what those functions do instead of making isolated $fetch calls, but I can't figure out how to setup the server or how to mock the functions that call its endpoints. So far I have @nuxt/test-utils/e2e setup to make calls to a dev server I run separately with my test database. The problem lies in wanting to make my composables talk to that server, as by default it'll just try to make calls to /api/blabla... without a base URL. Is there a better way to do this without needing to refactor too much code, or am I just missing a small piece here? Thanks a lot...

lazygopher

5/23/2025

Understanding useSession behavior in Nuxt with Better-Auth and NuxtUI

I'm using Better-Auth for authentication and ran into some confusion while trying to implement a simple feature: showing a Login button in the menu when the user is not authenticated, and Sign Out when they are. I'm also using NuxtUI for the UI components. After a lot of trial and error, I got it working with the code below, but I got questions: 1. Why does using await to useSession() fix it?...

magius

5/23/2025

Cant acces nested page with i18n and custom route name

Hey everyone, I'm running into a strange routing issue in my Nuxt application and could really use some help. The Problem:...

mabuse9922

5/23/2025

Get DOM-Element from Nuxt-UI elements

For example, i have <UInput ref='refInput'/> and wich type has refInput = ref<>(null)?

WiFi Plug

5/23/2025

nuxt ui icons local bundle do i also need to install the icon library locally?

So with the nuxt ui icons im using " icon: { clientBundle: { // scan all components in the project and include icons for fast load speeds scan: true, },...

Mirko

5/22/2025

Client Lazy Data Fetching

What is the difference between

const { status, data: posts } = await useFetch('/api/posts', {
  lazy: true
})

and useFetch without await?...

Frox

5/22/2025

How to use Lazy component with render function

I'm trying to Lazy Hydrate components with h ```js import { LazyComponent...

Previous Next

Gaming

Programming

Nuxt

Nuxt Community Chat Server

Nuxt

Nuxt Community Chat Server