[TailwindCSS V4] Cannot apply utility class ... (In the style tag)
Heya! I'm working on a component using Tailwind CSS, and I’m running into this error:
Here’s my component code for context:...
[plugin:@tailwindcss/vite:generate:serve] Cannot apply utility class `md:flex` because the `md` variant does not exist.
[plugin:@tailwindcss/vite:generate:serve] Cannot apply utility class `md:flex` because the `md` variant does not exist.
useFetch lazy SEO
Hello Kapa
I want my website to be SEO friendly.
Can I use lazy: true with useFetch ?...
Exclude properties from useFetch
Hey there,
is it possible to exclude some properties when using useFetch? I've seen the
transform-function and the pick-function. With the former it would be possible, however the property is still transfered for the server but only ommited for the client.
Is there something similar like pick to omit the property on the server request aswell?...Can i run the latest Nuxt version (3.17.6) with the latest vue version (3.15.7)
I was wondering if there is something online where i can check if they are compatible (which i think would always be, but i just wanna make sure)
Possible to render a route client-side on demand?
My app is completely prerendered with contents coming from a CMS. I would like to be able to opt-in to client-side rendering per request, say, if a certain request header exists or a certain URL param is present. Then the page should not be serverd from prerendering, but be rendered freshly on client-side. How is that possible in Nuxt 3?
Timeout waiting for port
Trying to create a first e2e test in our project, and am getting
GetPortError: Timeout waiting for port 59684 after 20 retries with 500ms interval when I run the test.
The test itself is fairly simple.
```...Page with UTab set to default tab but it isn't working
In my <script>
const currentTab = ref("dashboard");
const tab: TabsItem[] = [
{
key: "dashboard",...
Nuxt server middleware rules
Where can I set Nuxt server middleware trigger rules?
I want to set rule when to trigger my session.ts server middleware, which checks session token existence.
Can this run only in /app directory and every other subdirectories?...
Weird Prerender Error with rolldown-vite
Im currently facing one weird error, where i tried to build the project with
rolldown-vite, it throws some variables not defined (eg: Cannot read properties of undefined (reading 'defineStore')or Cannot access 'm' before initialization)
not sure what happened, i tried cleanup build and it still faced with same issue
update: I revert back to standard vite and now everything is fine...Using NuxtPage with Suspense
I would like to add a loading spinner while page (or async page) is loading
however I checked
NuxtPage does not provide a way to provide suspense fallback template, is there alternative way to combine NuxtPage with Suspense fallback template?...Middleware login page metadata issue
Hello, i have a page /dashboard that's require login, i have a middleware that redirect to /login but i want crawler to get metadata from /dashboard not /login
Using a slot on a "global" component
I have a component (
<page-header>) that displays a Page title and subtitle on all pages of my application.
This component is placed in one of the Layout components of my application so that it is alway visible.
In order to keep the title and subtitle updated I have a composable that updates and stores the values. ...middleware in client only component
Hello Kapa
If in a component named
name.client.vue I have this code :
```ts
<script setup lang="ts">...nitro image caching problems
The server initially fetches the images and they display on the app side, however, once the server fetches from the cache (json), the deserialized file does not display the image on the app side. Here are the codes below.
```ts
// /providers/my-provider
import { joinURL } from 'ufo'...
Excluding /api/_nuxt_icon from Proxy
i’m working on a Nuxt project where i’ve configured a proxy to forward API requests to an external server. however, i’ve noticed that the
here's my nuxt config file: ```ts export default defineNuxtConfig({...
/api/_nuxt_icon endpoint, which seems to be used by Nuxt for icon handling, is being proxied to my API web server (http://localhost:3030/api/**) instead of being served by Nuxt itself. this causes issues as the endpoint should be handled locally by Nuxt, not the external API server.here's my nuxt config file: ```ts export default defineNuxtConfig({...
How to have authenticated queries using Tanstack and Cookies
Hello! I am starting with Nuxt3 and tanstack query.
I have a simple backend that sets the authorization in a cookie. On the Nuxt part, I wanted to have something like their example that leverage prefetching on the server (https://tanstack.com/query/latest/docs/framework/vue/examples/nuxt3?path=examples%2Fvue%2Fnuxt3%2Fapp.vue)
However, it seems the cookies are not passed to the request.
...
Checkbox filter in Table
I want to add a checkbox which filters a column in my table.
The goal is to hide all rows where the status column is not "pending" how can I do that?...
Table not showing all pages until sorting
I have a UTable that doesn't properly show all available pages. However once I sort by some column they appear?
https://pastes.dev/z6ksxXfEia
https://pastes.dev/hMMq0MoDx7...