Tailwind styles not working after migrating to NuxtUI v3
I followed the official NuxtUI migration guide to v3 and changed the tailwindcss versions, but the tailwind classes have no styles at all.
Here a relevant part of my nuxt.config
```import tailwindcss from "@tailwindcss/vite"
...
Tailwind classes not applying while using Nuxt UI v3
I'm running into some strange behaviors with Nuxt, using NuxtUI v3.
I followed the installation guide on the Nuxt site (including wrapping <NuxtPage> in <UApp>). Using components like <UCard> works and displays, but trying to apply classes like
class="font-bold" doesn't do anything. I also tried adding a font in my theme, but trying to apply those doesn't result in anything either.
```ts...Drizzle / useFetch / cloudflare error on deployment
Hi,
When I deploy my app to cloudflare, I get a 500 error when retrieving data from my database on initial load, if I use the
refresh method to get the data again it works fine. Locally works fine on page load.
This is how I am using drizzle:...Nuxt Image not displaying images
Hey everyone, I am encountering a problem with
@nuxt/image not displaying images.
I have created a new nuxt project with @nuxt/image module by itself, here is the reproduction: https://stackblitz.com/edit/github-64kdhed8
Also the playground provided by @nuxt/image has the same result: https://stackblitz.com/github/nuxt/image/tree/main/example...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@nuxt+icon@1.11.0_magicast@_ffbd6dd89738115a24f52501d58120bb\node_modules@iconify\utils\package.json imported from C:\Users\justserdar\Documents\GitHub\jsd-nuxt\node_modules.pnpm@nuxt+icon@1.11.0_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.
...