library_components/composables/useTailwindConf.ts
2024-07-05 14:22:31 +02:00

29 lines
1.3 KiB
TypeScript

import resolveConfig from 'tailwindcss/resolveConfig';
import tailwindConfig from '../tailwind.config';
import type { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
import type { DefaultColors } from 'tailwindcss/types/generated/colors';
import type { Config, ResolvableTo, ThemeConfig } from 'tailwindcss/types/config';
export const useTailwindConf = (): ResolvedConfig<Config> => resolveConfig(tailwindConfig);
export type ResolvedConfig<T extends Config> = Omit<T, 'theme'> & {
theme: MergeThemes<UnwrapResolvables<Omit<T['theme'], 'extend'>>, T['theme'] extends { extend: infer TExtend } ? UnwrapResolvables<TExtend> : {}>;
};
type MergeThemes<Overrides extends object, Extensions extends object> = {
[K in keyof ThemeConfigResolved | keyof Overrides]: (K extends keyof Overrides
? Overrides[K]
: K extends keyof DefaultThemeFull
? DefaultThemeFull[K]
: K extends keyof ThemeConfigResolved
? ThemeConfigResolved[K]
: never) &
(K extends keyof Extensions ? Extensions[K] : {});
};
type UnwrapResolvables<T> = {
[K in keyof T]: T[K] extends ResolvableTo<infer R> ? R : T[K];
};
type ThemeConfigResolved = UnwrapResolvables<ThemeConfig>;
type DefaultThemeFull = DefaultTheme & { colors: DefaultColors };