From 90c438c4562793eb09358f9d1a050d2267f4fca5 Mon Sep 17 00:00:00 2001 From: Adam Malczewski Date: Sun, 7 Jun 2026 01:53:47 +0900 Subject: Slice 3 setup: Tailwind v4 + DaisyUI v5 (dracula enabled) + 'tab' vocab - add tailwindcss@4 + @tailwindcss/vite + daisyui@5; vite tailwind plugin - src/app.css: @import tailwindcss + @plugin daisyui { themes: dracula --default } (theme BUNDLED, not just named); imported in main.ts - index.html: - biome.json: enable css tailwindDirectives so @plugin parses - GLOSSARY: define FE term 'tab' (workspace slot referencing a conversation; holds conversationId + model + title; close = local forget) Verified: dracula tokens bundled in CSS, svelte-check 0/0, vitest 222, biome clean, build ok. --- src/app.css | 8 ++++++++ src/main.ts | 1 + 2 files changed, 9 insertions(+) create mode 100644 src/app.css (limited to 'src') diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..37131d3 --- /dev/null +++ b/src/app.css @@ -0,0 +1,8 @@ +@import "tailwindcss"; + +/* DaisyUI v5 — enable the plugin AND bundle the dracula theme (set as default, + applied via ). Themes not listed here are NOT + bundled, so dracula must be named explicitly, not merely referenced. */ +@plugin "daisyui" { + themes: dracula --default; +} diff --git a/src/main.ts b/src/main.ts index f58cfe2..9ebef3a 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,5 +1,6 @@ import { mount } from "svelte"; import App from "./App.svelte"; +import "./app.css"; const target = document.getElementById("app"); if (!target) { -- cgit v1.2.3