arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-25 01:10:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(tailwind): use mjs template (#2945)

Browse Source
This commit is contained in:
Inesh Bose
2024-12-21 13:33:36 +00:00
committed by GitHub
parent c0455c831f
commit 8cf9f27d53
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/tailwind.ts
View File

@@ -30,21 +30,26 @@ export default function installTailwind(
// 2. add config template // 2. add config template
const configTemplate = addTemplate({ const configTemplate = addTemplate({
filename: 'nuxtui-tailwind.config.cjs', filename: 'nuxtui-tailwind.config.mjs',
write: true, write: true,
getContents: ({ nuxt }) => ` getContents: ({ nuxt }) => `
const { defaultExtractor: createDefaultExtractor } = require('tailwindcss/lib/lib/defaultExtractor.js') import { defaultExtractor as createDefaultExtractor } from "tailwindcss/lib/lib/defaultExtractor.js";
const { customSafelistExtractor, generateSafelist } = require(${JSON.stringify(resolve(runtimeDir, 'utils', 'colors'))}) import { customSafelistExtractor, generateSafelist } from ${JSON.stringify(resolve(runtimeDir, 'utils', 'colors'))};
import formsPlugin from "@tailwindcss/forms";
import aspectRatio from "@tailwindcss/aspect-ratio";
import typography from "@tailwindcss/typography";
import containerQueries from "@tailwindcss/container-queries";
import headlessUi from "@headlessui/tailwindcss";
const defaultExtractor = createDefaultExtractor({ tailwindConfig: { separator: ':' } }) const defaultExtractor = createDefaultExtractor({ tailwindConfig: { separator: ':' } });
module.exports = { export default {
plugins: [ plugins: [
require('@tailwindcss/forms')({ strategy: 'class' }), formsPlugin({ strategy: 'class' }),
require('@tailwindcss/aspect-ratio'), aspectRatio,
require('@tailwindcss/typography'), typography,
require('@tailwindcss/container-queries'), containerQueries,
require('@headlessui/tailwindcss') headlessUi
], ],
content: { content: {
files: [ files: [