762d912243
Tailwind v4 integrates as a Vite plugin and configures daisyui via the CSS @plugin directive; the light theme is selected with data-theme on <html>. Heading font sizes are re-asserted because Tailwind's preflight resets them, which would otherwise shrink the hand-crafted headings.
27 lines
834 B
TypeScript
27 lines
834 B
TypeScript
// https://nuxt.com/docs/api/configuration/nuxt-config
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
|
|
export default defineNuxtConfig({
|
|
compatibilityDate: '2025-07-15',
|
|
devtools: { enabled: true },
|
|
modules: ['@nuxt/eslint', '@nuxt/test-utils/module'],
|
|
css: ['~/assets/css/main.css'],
|
|
// Tailwind v4 integrates as a Vite plugin (no @nuxtjs/tailwindcss module).
|
|
vite: {
|
|
plugins: [tailwindcss()],
|
|
},
|
|
app: {
|
|
head: {
|
|
// DaisyUI theme is selected via data-theme on the root element.
|
|
htmlAttrs: { 'data-theme': 'light' },
|
|
link: [
|
|
{ rel: 'preconnect', href: 'https://api.fonts.coollabs.io' },
|
|
{
|
|
rel: 'stylesheet',
|
|
href: 'https://api.fonts.coollabs.io/css2?family=Cutive+Mono&family=Playfair+Display:wght@400;700;800&display=swap',
|
|
},
|
|
],
|
|
},
|
|
},
|
|
})
|