Added defineModel support for PreviewColor component. Updated watch in TrueFocus component.

This commit is contained in:
snepsnepy
2025-07-15 14:46:30 +03:00
parent 0421c6fd74
commit dbe11acf9b
16 changed files with 26 additions and 52 deletions

View File

@@ -33,9 +33,9 @@
<span class="ml-1 text-gray-400">{{ blobType }}</span>
</button>
<PreviewColor title="Fill Color" v-model="fillColor" @update:model-value="forceRerender" />
<PreviewColor title="Inner Color" v-model="innerColor" @update:model-value="forceRerender" />
<PreviewColor title="Shadow Color" v-model="shadowColor" @update:model-value="forceRerender" />
<PreviewColor title="Fill Color" v-model="fillColor" />
<PreviewColor title="Inner Color" v-model="innerColor" />
<PreviewColor title="Shadow Color" v-model="shadowColor" />
<PreviewSlider
title="Trail Count"
@@ -214,9 +214,6 @@ import Customize from '../../components/common/Customize.vue';
import PreviewSlider from '../../components/common/PreviewSlider.vue';
import PreviewColor from '../../components/common/PreviewColor.vue';
import BlobCursor from '../../content/Animations/BlobCursor/BlobCursor.vue';
import { useForceRerender } from '@/composables/useForceRerender';
const { forceRerender } = useForceRerender();
const blobType = ref<'circle' | 'square'>('circle');
const fillColor = ref<string>('#27FF64');

View File

@@ -22,7 +22,7 @@
</div>
<Customize>
<PreviewColor title="Spark Color" v-model="sparkColor" @update:model-value="forceRerender" />
<PreviewColor title="Spark Color" v-model="sparkColor" />
<PreviewSlider
title="Spark Size"

View File

@@ -17,7 +17,7 @@
</div>
<Customize>
<PreviewColor title="Color" v-model="color" @update:model-value="forceRerender" />
<PreviewColor title="Color" v-model="color" />
<PreviewSlider
title="Ball Count"

View File

@@ -49,7 +49,7 @@
width="200"
/>
<PreviewColor title="Pixel Color" v-model="pixelColor" @update:model-value="forceRerender" />
<PreviewColor title="Pixel Color" v-model="pixelColor" />
</Customize>
<PropTable :data="propData" />