When using AI you are always one step ahead!*

[bernhard]

*NOT 🤣

[wbmnfktr]

It's shocking to ask just the basics. Try:

Quote

what's the latest version of these frameworks/libraries you know off?

- nextjs
- astrojs
- processwire
- tailwindcss

and whats your name, version, and release date?
what llm are you using - name, version, and release date?

 

[markus-th]

Gemini (Basic 2.0 Flash) - not so bad.

[thausmann]

True, took some extra effort to setup a Tailwind 4 project some weeks ago, in form of .cursorrules listing all the new features. Then it worked surprisingly well.

[wbmnfktr]

For TailwindCSS v 4.x I asked Grok (or maybe even Cascade itself - not sure) to read the migration/upgrade guide and compress it down to the bare minimum. I put that file into my `docs` folder, added it to the context and let Cascade do its work.

Besides those changes, TailwindCSS didn't change that much so most of it worked as before.

I also added a new base tailwindcss.css file with the new config syntax and changes and when necessary I mention that there is no need to setup TailwindCSS again. Works pretty well.

/*file: `/site/templates/src/tailwind.css` */
@import 'tailwindcss';

/* PLUGINS */
/* @plugin "@tailwindcss/typography"; */
/* @plugin "@tailwindcss/forms"; */

/* CUSTOM */
@theme {
  /* 480px */
  --breakpoint-xs: 30rem;
}

/* SOURCE */
@source "../../templates/**/*.html";
@source "../../templates/**/*.html.twig";
@source "../../templates/**/*.js";
@source "../../templates/**/*.latte";
@source "../../templates/**/*.php";
@source "../../templates/**/*.twig";

/* SOURCE NOT */
@source not "../../../node_modules/**/*";

/* ALPINE JS */
[x-cloak] {
  display: none !important;
}

 

[maximus]

So, haha. 
I’m look you using x-cloak crutch 🩼 also..

[bernhard]

1 hour ago, maximus said:

So, haha. 
I’m look you using x-cloak crutch 🩼 also..

What do you mean?

[wbmnfktr]

Not a crutch but the offical way to work with x-cloak.

Quote

For x-cloak to work however, you must add the following CSS to the page.

[x-cloak] { display: none !important; }

https://alpinejs.dev/directives/cloak