Tauri + Svelte + Tailwind Setup

[last karma]

Hi ! I'm new to Tauri and find nothing online to create a project with Sveltekit and TailwindCSS anyone know how to do that ? Thx ! 🙂

I can create a project with Tauri + Svelte but when it come to including Tailwind nothing work :/

[hexed dagger]

https://v2.tauri.app/start/frontend/sveltekit/

[earnest hill]

from the cli (with pnpm): pnpm create tauri-app -m pnpm -t svelte-ts

[last karma]

I can create a project with Tauri + Svelte no problem but when it come to adding Tailwind nothing work :/

[last karma]

From the CLI i can install Tailwind and make it work ? 😄

[hexed dagger]

there's nothing special we need to do to set up Tailwind with Tauri

[last karma]

So i just follow this ? https://tailwindcss.com/docs/installation/framework-guides/sveltekit

Because i did, no error in console but can't use tailwind

I can't figure it out...

[tough stratus]

Hey, I saw that you marked this issue solved. I'm having some issues with tailwind as well and was hoping you could share what you did to fix your issue.

[last karma]

yes i can help

I didn't mark it saved, mod did

but i can help i succed

First create projet : pnpm create tauri-app

select svelte, etc....

then when you are in the app folder

Then run npx sv add tailwindcss

pnpm approve-builds

then create the +layout.svelte in the routes folder and paste

<script lang="ts">
import "../app.css";

let { children } = $props();
</script>