// VMF Tweaks app — mounts the Tweaks panel and applies values to data-attrs
const { useEffect } = React;
function VMFTweaks() {
const [t, setTweak] = useTweaks(window.__TWEAK_DEFAULTS);
useEffect(() => {
document.body.setAttribute('data-theme', t.theme);
document.body.setAttribute('data-accent', t.accent);
const grid = document.querySelector('.mats__grid');
if (grid) grid.setAttribute('data-layout', t.matsLayout);
}, [t.theme, t.accent, t.matsLayout]);
return (
setTweak('theme', v)}
/>
setTweak('accent', v)}
/>
setTweak('matsLayout', v)}
/>
);
}
const __vmfRoot = document.createElement('div');
document.body.appendChild(__vmfRoot);
ReactDOM.createRoot(__vmfRoot).render();