Robin Malfait
39c5bd3230
* add `@headlessui/tailwindcss` plugin * expose `data-headlessui-state="..."` data attribute All components that expose boolean props in their render prop / v-slot will receive a `data-headlessui-state="..."` attribute. If it exposes boolean values but all are false, then there will be an empty `data-headlessui-state=""`. If the current component is rendering a `Fragment` then we don't expose those attributes. * use tailwindcss in `playground-react` and `playground-vue` We were using the CDN, but now that we have the `@headlessui/tailwindcss` plugin, it's a bit easier to configure it natively and import the plugin. * ensure to build the `@headlessui/tailwindcss` package before starting the playground * refactor `listbox` example to use the @headlessui/tailwindcss plugin * update changelog * bump Tailwind CSS to latest insiders version * correctly generate types * type `tailwind.config.js` files for playgrounds * add todo for when `:has()` is available
32 lines
766 B
JSON
32 lines
766 B
JSON
{
|
|
"include": ["src"],
|
|
"compilerOptions": {
|
|
"module": "ESNext",
|
|
"lib": [],
|
|
"importHelpers": true,
|
|
"declaration": true,
|
|
"sourceMap": true,
|
|
"rootDir": "./src",
|
|
"strict": true,
|
|
"noUnusedLocals": true,
|
|
"noUnusedParameters": true,
|
|
"noImplicitReturns": true,
|
|
"noFallthroughCasesInSwitch": true,
|
|
"downlevelIteration": true,
|
|
"moduleResolution": "node",
|
|
"baseUrl": "./",
|
|
"paths": {
|
|
"*": ["src/*", "node_modules/*"]
|
|
},
|
|
"jsx": "preserve",
|
|
"esModuleInterop": true,
|
|
"target": "ESNext",
|
|
"allowJs": true,
|
|
"skipLibCheck": true,
|
|
"forceConsistentCasingInFileNames": true,
|
|
"resolveJsonModule": true,
|
|
"isolatedModules": false
|
|
},
|
|
"exclude": ["node_modules", "**/*.test.tsx?"]
|
|
}
|