toggle all values

This commit is contained in:
Julie Blanc 2026-03-05 14:49:58 +01:00
parent 203ed18aba
commit fa56118e75
4 changed files with 376 additions and 106 deletions

View file

@ -71,10 +71,12 @@ import InputWithUnit from '../ui/InputWithUnit.vue';
import { useCssUpdater } from '../../composables/useCssUpdater';
import { useCssSync } from '../../composables/useCssSync';
import { useDebounce } from '../../composables/useDebounce';
import { useTextDefaults } from '../../composables/useTextDefaults';
const { updateStyle } = useCssUpdater();
const { extractValue, extractNumericValue } = useCssSync();
const { debouncedUpdate } = useDebounce(500);
const textDefaults = useTextDefaults();
// Constants
const fonts = ['Alegreya Sans', 'Arial', 'Georgia', 'Helvetica', 'Times New Roman'];
@ -112,11 +114,12 @@ watch(bold, (val) => {
});
watch(fontSize, (val) => {
textDefaults.fontSize = { value: val.value, unit: val.unit };
if (isUpdatingFromStore) return;
debouncedUpdate(() => {
updateStyle('p', 'font-size', `${val.value}${val.unit}`);
});
}, { deep: true });
}, { deep: true, immediate: true });
// Sync from store