開発日記-2025-10-02 / Tailwind CSS v4への移行が大変だ

@theme {
  --font-roboto: 'Roboto', sans-serif;
}

return <div className="font-roboto">Roboto</div>;

const eslintConfig = [
  {
    ignores: ['**/node_modules/**', '**/.next/**', '**/out/**', '**/build/**', '**/next-env.d.ts'],
    ...compat.extends('next/core-web-vitals', 'next/typescript'),
    // ...
  },
];

pnpm add -E @heroui/theme

import { heroui } from '@heroui/theme'

export default heroui()

@import 'tailwindcss';

@plugin './hero.ts';
@source '../../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';

/* ... */