mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 22:49:31 -07:00
Added defineModel support for PreviewColor component. Updated watch in TrueFocus component.
This commit is contained in:
@@ -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');
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user