import { defineConfig, presetMini, presetIcons } from 'unocss';

export default defineConfig({
    presets: [
        presetMini(),
        presetIcons(),
    ],
    safelist: [
        "i-mynaui-search",
        "i-mynaui-link",
        "i-mynaui-globe",
        "i-mynaui-terminal",
        "i-mynaui-file",
        "i-mynaui-edit",
        "i-mynaui-database",
        "i-mynaui-tool",
        "i-mynaui-danger-triangle",
        "i-svg-spinners-180-ring-with-bg",
    ],
    rules: [
        ['object-cover', { 'object-fit': 'cover' }],
        ['backdrop-blur-md', { 'backdrop-filter': 'blur(12px)' }],
        ['backdrop-filter-none', { 'backdrop-filter': 'none' }],
    ],
    variants: [
        // match tailwindCSS's hoverOnlyWhenSupported feature
        (matcher) => {
            if (!matcher.startsWith('@hover:'))
                return matcher

            return {
                matcher: matcher.slice(7),
                parent: '@media (hover: hover) and (pointer: fine)',
                selector: s => `${s}:hover`,
            }
        },
    ],
});