tailwind.config.js

import preset from './tailwind/preset'
import typography from './tailwind/generated/typography.json'

// The Typography docs page applies `text-<size>-<weight>` / `text-p-<size>-<weight>`
// (and the bare regular `text-<size>`) via a computed class from its weight
// switcher, so the JIT scanner never sees the literal names. Build the exact
// set the plugin emits (WEIGHT_VARIANTS, only pairings present in the tracking
// export) and safelist it. Mirrors buildTextStyleUtilities() in plugin.js.
const WEIGHT_VARIANTS = ['medium', 'semibold', 'bold', 'black']
const typeSafelist = []
for (const [group, prefix] of [
  ['text', 'text-'],
  ['paragraph', 'text-p-'],
]) {
  const tracking = typography.tracking[group] || {}
  for (const [size, byWeight] of Object.entries(tracking)) {
    typeSafelist.push(`${prefix}${size}`)
    for (const weight of WEIGHT_VARIANTS) {
      if (weight in byWeight) typeSafelist.push(`${prefix}${size}-${weight}`)
    }
  }
}

export default {
  presets: [preset],
  // `prose-v3` is applied via a computed string in EditorContent, so the JIT can
  // drop it (HMR rebuilds, content-scan gaps). Safelist lives here in the watched
  // config — Vite reprocesses Tailwind on this file's changes, but not on changes
  // to transitively-imported files like the preset.
  safelist: ['prose', 'prose-v3', ...typeSafelist],
  content: [
    './index.html',
    './App.vue',
    './src/**/*.{vue,js,ts,jsx,tsx}',
    './experimental/**/*.{vue,js,ts,jsx,tsx}',
    './docs/**/*.{vue,js,ts,md}',
    './docs/.vitepress/**/*.{vue,js,ts,css}',
    // Reusable VitePress theme (Layout/Navbar/Sidebar live here now) — without
    // this, theme-only classes like `lg:grid-cols-[220px_1fr]` aren't emitted
    // and the docs layout collapses.
    './vitepress/**/*.{vue,js,ts,css}',
    './frappe/**/*.{vue,js,ts,jsx,tsx}',
    './icons/**/*.{vue,js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}