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

feat(module): allow tailwind.css customization

Browse Source
This commit is contained in:
Benjamin Canac
2024-08-06 12:55:11 +02:00
parent d13e27eb5b
commit 8d560bdd21
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/templates.ts
View File

@@ -8,12 +8,22 @@ import * as theme from './theme'
export function addTemplates(options: ModuleOptions, nuxt: Nuxt) { export function addTemplates(options: ModuleOptions, nuxt: Nuxt) {
const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950] const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
const template = addTemplate({ if (!nuxt.options.css.find(path => path.endsWith('tailwind.css'))) {
filename: 'tailwind.css', const template = addTemplate({
write: true, filename: 'tailwind.css',
getContents: () => `@import "tailwindcss"; write: true,
getContents: () => `@import "tailwindcss";
@import "#build/ui.css";
`
})
@layer base { nuxt.options.css.unshift(template.dst)
}
addTemplate({
filename: 'ui.css',
write: true,
getContents: () => `@layer base {
:root { :root {
color-scheme: light dark; color-scheme: light dark;
} }
@@ -42,8 +52,6 @@ export function addTemplates(options: ModuleOptions, nuxt: Nuxt) {
` `
}) })
nuxt.options.css.unshift(template.dst)
for (const component in theme) { for (const component in theme) {
addTemplate({ addTemplate({
filename: `ui/${kebabCase(component)}.ts`, filename: `ui/${kebabCase(component)}.ts`,