Can't theme components
Hey !
I don't understand how i customize the theme of my app.
I wrote a simple app config:
```ts...
What is the idiomatic Nuxt v3.16 way of Authentication/Authorization ?
I am trying Better-Auth, but its been a real challenge. I am still new to Nuxt and I am still learning. What are the security frameworks/utilities that work great with Nuxt? I don't want to use a third party service. I plan on keeping all of my users, accounts, roles, permissions in my database.
Sugggestions?...
How to use Tailwind with Nuxt UI v2.20
I have this weird issue where I cannot use Tailwind classes in some places, but in others I can. Many elements in my app are UCards and within it I use many tailwind classes to control widths and colors just fine. But, in other places, such as a simple About page with only <divs> (which lives within a UContainer), Tailwind classes do not seem to apply.
Do I need to install Tailwind in addition to Nuxt UI in order to use it outside of those UI components like UCard?...
unknown word
I use the template for shadcn dashboard (https://github.com/dianprata/nuxt-shadcn-dashboard)
When I install packages and run the app I got this error: I really don't understand why
```...
Display ALL build errors, instead of stopping at the first one
Hey there 😉
I am migrating a vue / inertia app to nuxt, it's been great so far but I still have a lot invalid imports errors, missing components and so on.
These errors do not show up in dev mode (due to lazy loading I guess), but they do when building the app.
...
Is there an idiomatic way to disable a module?
I have a module that I would like to not load. It's local to the project in the modules folder, so it auto-loads on app startup. I use the
hooks object in the module defintion. As far as I can tell, there is no 'enabled' setting at the module level so you would need to implement it yourself. Why is that? What controls are in place to say hey, don't load this module?Nuxt Content ContentRenderer not rendering Markdown
For some reason this is not rendering a markdown file in Markdown, it's just plain text <ContentRenderer v-if="page" :value="page" />
Nuxt UI UTooltip opened by default if its in the #header slot of a UModal
UTooltip opened by default if its in the #header slot of a UModal, the same tooltip in the #footer slot works as expected
```<UModal
v-model:open="openSettingsModal"
:close="false"...
Setting up auto-imports for @nuxt/ui composables throws "Cannot resolve #imports" error
Environment
nuxt:
3.16.2
@nuxt/ui: 3.0.2
...Typing animation with markdown
Hi! I am trying to test my Nuxt skills in more complex scenario. I want to create typing animation - it sounds simple, but I want to support markdown and I want to do that without sending no markdown related libraries to the client! I managed to implement component like this:
```html
<template>
<div ref="typeInput">
<slot class="hidden">...
Unable to use NuxtUI types in a layer
If I have a component that uses a NuxtUI type as a type argument to
defineProps:
Test.vue:
```ts
<template>...UI3 UTable horizontal scroll
Hello Kapa
My UTable won't scroll horizontally when it's bigger that it's container :/
Here is my code :...
Nuxt Content is slow
I’m using Nuxt Content as a CMS for some of my pages, but I’m experiencing noticeable delays during page loading. I’m not sure what’s causing it. I also tried integrating NuxtHub with the following configuration in
nuxt.config.ts
```ts
content: {
preview: {
api: 'https://api.nuxt.studio',...Nuxt Icon build error with UI Pro
[14:43:15] ERROR (node:1420) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at C:\Users\justserdar\Documents\GitHub\jsd-nuxt\node_modules.pnpm@[email protected]_magicast@_ffbd6dd89738115a24f52501d58120bb\node_modules@iconify\utils\package.json imported from C:\Users\justserdar\Documents\GitHub\jsd-nuxt\node_modules.pnpm@[email protected]_magicast@_ffbd6dd89738115a24f52501d58120bb\node_modules@nuxt\icon\dist\runtime\server\api.js. Mapping specifiers ending in "/" is no longer supported.
[14:43:15] ERROR (node:1420) [DEP0155] DeprecationWarning: Use of deprecated trailing slash pattern mapping "./" in the "exports" field module resolution of the package at C:\Users\justserdar\Documents\GitHub\jsd-nuxt\node_modules@iconify\utils\package.json imported from C:\Users\justserdar\Documents\GitHub\jsd-nuxt\node_modules. Mapping specifiers ending in "/" is no longer supported.
...
Hydration attribute mismatch with .webp
Hey all. I have some strange error: Hydration attribute mismatch with common <img src="~/assets/images/error.webp"> within v-for
[Vue warn]: Hydration attribute mismatch on <img class="_errorImage_1bk43_50" src="/_nuxt/error.DqG-qGzb.webp" alt="404">
- rendered on server: src="/_nuxt/error.DqG-qGzb.webp"
- expected on client: src="https://some-domain.com/_nuxt/error.DqG-qGzb.webp"...
Problem in doing paginations between 2 composables
Hi, so I am making 2 composables
usePaginations.ts
```
export const usePaginations = () => {...
Can I use giget in the modules field?
Trying to understand where giget is implemented in Nuxt. Layers work but trying it in modules does not.
I'm having problmes updating my nuxt 3.8 to the latest
I'm having a lot of inconsistencies upgrading packages right now. I'm using yarn 1.22.22 and I want to upgrade piece by piece until im ready for latest version of nuxt. Can you help?