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

chore: refactor module options

Browse Source
This commit is contained in:
Benjamin Canac
2021-11-24 11:47:35 +01:00
parent 3fa1b023f9
commit bc72f63270
1 changed files with 17 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/index.ts
View File

@@ -8,21 +8,18 @@ export default defineNuxtModule({
name: '@nuxthq/ui', name: '@nuxthq/ui',
configKey: 'ui', configKey: 'ui',
async setup (_options, nuxt) { async setup (_options, nuxt) {
const _prefix = _options?.prefix || 'u' const prefix = _options?.prefix || 'u'
const _primary = _options?.primary || 'indigo' const primary = _options?.primary || 'indigo'
const _shortcuts = _options?.shortcuts || []
const _rules = _options?.rules || [] const { shortcuts = [], rules = [], variants = [], theme = {} } = _options?.unocss || {}
const options: UnocssNuxtOptions = { const options: UnocssNuxtOptions = {
theme: { theme: {
colors: { colors: {
transparent: 'transparent',
current: 'currentColor',
black: '#000',
white: '#fff',
gray: colors?.zinc, gray: colors?.zinc,
primary: typeof _primary === 'object' ? _primary : (colors && colors[_primary]) primary: typeof primary === 'object' ? primary : (colors && colors[primary])
} },
...theme
}, },
preflight: true, preflight: true,
icons: { icons: {
@@ -80,21 +77,7 @@ export default defineNuxtModule({
'ring-tw-gray-700': 'ring-gray-700 dark:ring-gray-300', 'ring-tw-gray-700': 'ring-gray-700 dark:ring-gray-300',
'ring-tw-gray-800': 'ring-gray-800 dark:ring-gray-200', 'ring-tw-gray-800': 'ring-gray-800 dark:ring-gray-200',
'ring-tw-gray-900': 'ring-gray-900 dark:ring-gray-100', 'ring-tw-gray-900': 'ring-gray-900 dark:ring-gray-100',
// TailwindCSS `maxWidth` aliases ...shortcuts
'max-w-0': 'max-w-0rem',
'max-w-none': 'max-w-none',
'max-w-xs': 'max-w-20rem',
'max-w-sm': 'max-w-24rem',
'max-w-md': 'max-w-28rem',
'max-w-lg': 'max-w-32rem',
'max-w-xl': 'max-w-36rem',
'max-w-2xl': 'max-w-42rem',
'max-w-3xl': 'max-w-48rem',
'max-w-4xl': 'max-w-56rem',
'max-w-5xl': 'max-w-64rem',
'max-w-6xl': 'max-w-72rem',
'max-w-7xl': 'max-w-80rem',
..._shortcuts
}, },
rules: [ rules: [
[/^shadow-?(.*)$/, ([, d], { theme }) => { [/^shadow-?(.*)$/, ([, d], { theme }) => {
@@ -108,8 +91,9 @@ export default defineNuxtModule({
} }
} }
}], }],
..._rules ...rules
] ],
variants
} }
await installModule(nuxt, { src: '@unocss/nuxt', options }) await installModule(nuxt, { src: '@unocss/nuxt', options })
@@ -121,27 +105,27 @@ export default defineNuxtModule({
nuxt.hook('components:dirs', (dirs) => { nuxt.hook('components:dirs', (dirs) => {
dirs.push({ dirs.push({
path: join(componentsDir, 'elements'), path: join(componentsDir, 'elements'),
prefix: _prefix prefix
}) })
dirs.push({ dirs.push({
path: join(componentsDir, 'feedback'), path: join(componentsDir, 'feedback'),
prefix: _prefix prefix
}) })
dirs.push({ dirs.push({
path: join(componentsDir, 'forms'), path: join(componentsDir, 'forms'),
prefix: _prefix prefix
}) })
dirs.push({ dirs.push({
path: join(componentsDir, 'layout'), path: join(componentsDir, 'layout'),
prefix: _prefix prefix
}) })
dirs.push({ dirs.push({
path: join(componentsDir, 'navigation'), path: join(componentsDir, 'navigation'),
prefix: _prefix prefix
}) })
dirs.push({ dirs.push({
path: join(componentsDir, 'overlays'), path: join(componentsDir, 'overlays'),
prefix: _prefix prefix
}) })
}) })