Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Page Content Navigation

How can I implement the navigation menu of the NuxtUI wepage (https://nuxt.com) For example, which component can I use to implement the "On this page" pop-out menu?...
No description

unavigation button size

how do i make the buttons bigger in unavigation?

Row pinning in Nuxt UI 3 Table

Hi guys, did anyone work with row pinning in the new UTable component and can provide a working example?

Is there a setting in Nuxt3 SSG to add a trailing slash to the end of the page URL?

I've spent a long time with the engineers on my team looking through issues and docs and can't find it, and I'm having trouble with no errors. If I add a trailing slash to a link, it disappears after reloading, and if I add it in the middleware, it disappears once and then follows. I have looked for options for Nuxt, Vue Router, and Nitro, but I can't find anything that currently works. The versions of the various libraries are as follows nuxt: ^3.12.4,...

Where is the documentation for $fetch for both nitro server-side and client-side?

Specifically I need to know what to pass in the options object, but I can't find information on this. Searched around for it, but couldn't find it at a quick glace. not my fault here, it's a doc design fault. devs should be notified.

New nuxt app, cannot find module vitest/config

I am trying to create a new nuxt app from scratch with @nuxt/test-utils installed but I can't even run the dev server because I get the following error: "Cannot start nuxt: Error while importing module @nuxt/test-utils: Error: Cannot find module 'vitest/config' nuxi 8:02:41 PM" I have tried using both npm and pnpm with no different result...

Server - nitro cache "$fetch"ed data ?

Hello. I am sending an useFetch request from client to server, the server then $fetch's from the database. How can I cache the fetched data on the server?

editor

Hi All I've been code very happilly for the whole day now, and even though I've not changed any dependencies, I now get the following error when running npm run dev: ```...

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

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

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

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

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

"Are you sure?" component

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

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?

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

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

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

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

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