atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-04-22 01:54:38 -06:00
Code Issues Packages Projects Releases Wiki Activity

[ FIX ] : Build Errors

Browse Source
This commit is contained in:
Utkarsh-Singhal-26
2026-01-05 17:56:47 +05:30
parent 2480b155b5
commit 3af2a1f23c
30 changed files with 168 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/demo/Animations/AntigravityDemo.vue
+1 -5
View File
@@ -25,11 +25,7 @@
<Customize>
<PreviewColor title="Color" v-model="color" />
<PreviewSelect
title="Particle Shape"
:options="shapeOptions"
v-model="particleShape"
/>
<PreviewSelect title="Particle Shape" :options="shapeOptions" v-model="particleShape" />
<PreviewSlider title="Magnet Radius" :min="5" :max="50" :step="1" v-model="magnetRadius" />
src/demo/Animations/PixelTrailDemo.vue
+38 -5
View File
@@ -19,13 +19,41 @@
</div>
<Customize>
<PreviewSlider title="Grid Size" v-model="gridSize" :min="10" :max="100" :step="1" @update:model-value="forceRerender" />
<PreviewSlider
title="Grid Size"
v-model="gridSize"
:min="10"
:max="100"
:step="1"
@update:model-value="forceRerender"
/>
<PreviewSlider title="Trail Size" v-model="trailSize" :min="0.05" :max="0.5" :step="0.01" @update:model-value="forceRerender" />
<PreviewSlider
title="Trail Size"
v-model="trailSize"
:min="0.05"
:max="0.5"
:step="0.01"
@update:model-value="forceRerender"
/>
<PreviewSlider title="Max Age" v-model="maxAge" :min="100" :max="1000" :step="50" @update:model-value="forceRerender" />
<PreviewSlider
title="Max Age"
v-model="maxAge"
:min="100"
:max="1000"
:step="50"
@update:model-value="forceRerender"
/>
<PreviewSlider title="Interpolate" v-model="interpolate" :min="0" :max="10" :step="0.1" @update:model-value="forceRerender" />
<PreviewSlider
title="Interpolate"
v-model="interpolate"
:min="0"
:max="10"
:step="0.1"
@update:model-value="forceRerender"
/>
<PreviewColor title="Color" v-model="color" @update:model-value="forceRerender" />
@@ -88,6 +116,11 @@ const propData = [
{ name: 'maxAge', type: 'number', default: '250', description: 'Duration of the trail effect.' },
{ name: 'interpolate', type: 'number', default: '5', description: 'Interpolation factor for pointer movement.' },
{ name: 'color', type: 'string', default: '#ffffff', description: 'Pixel color.' },
{ name: 'gooeyFilter', type: 'object', default: "{ id: 'custom-goo-filter', strength: 5 }", description: 'Configuration for gooey filter.' }
{
name: 'gooeyFilter',
type: 'object',
default: "{ id: 'custom-goo-filter', strength: 5 }",
description: 'Configuration for gooey filter.'
}
];
</script>
src/demo/Backgrounds/GridScanDemo.vue
+7 -49
View File
@@ -24,63 +24,21 @@
<PreviewColor title="Lines Color" v-model="linesColor" class="mb-4" />
<PreviewColor title="Scan Color" v-model="scanColor" />
<PreviewSlider
title="Line Thickness"
v-model="lineThickness"
:min="1"
:max="4"
:step="0.1"
/>
<PreviewSlider title="Line Thickness" v-model="lineThickness" :min="1" :max="4" :step="0.1" />
<PreviewSlider
title="Grid Scale"
v-model="gridScale"
:min="0.02"
:max="0.5"
:step="0.01"
/>
<PreviewSlider title="Grid Scale" v-model="gridScale" :min="0.02" :max="0.5" :step="0.01" />
<PreviewSlider
title="Line Jitter"
v-model="lineJitter"
:min="0"
:max="1"
:step="0.01"
/>
<PreviewSlider title="Line Jitter" v-model="lineJitter" :min="0" :max="1" :step="0.01" />
<PreviewSlider
title="Scan Glow"
v-model="scanGlow"
:min="0.1"
:max="3"
:step="0.1"
/>
<PreviewSlider title="Scan Glow" v-model="scanGlow" :min="0.1" :max="3" :step="0.1" />
<PreviewSlider
title="Scan Softness"
v-model="scanSoftness"
:min="0.1"
:max="4"
:step="0.1"
/>
<PreviewSlider title="Scan Softness" v-model="scanSoftness" :min="0.1" :max="4" :step="0.1" />
<PreviewSwitch title="Enable Post" v-model="enablePost" />
<PreviewSlider
title="Chromatic Aberration"
v-model="chromaticAberration"
:min="0"
:max="0.01"
:step="0.0005"
/>
<PreviewSlider title="Chromatic Aberration" v-model="chromaticAberration" :min="0" :max="0.01" :step="0.0005" />
<PreviewSlider
title="Noise Intensity"
v-model="noiseIntensity"
:min="0"
:max="0.1"
:step="0.005"
/>
<PreviewSlider title="Noise Intensity" v-model="noiseIntensity" :min="0" :max="0.1" :step="0.005" />
<PreviewSwitch title="Enable Webcam" v-model="enableWebcam" />
<PreviewSwitch title="Show Preview HUD" v-model="showPreview" />
src/demo/TextAnimations/ShuffleDemo.vue
+7 -41
View File
@@ -20,53 +20,19 @@
</div>
<Customize>
<PreviewSelect
title="Direction"
v-model="shuffleDirection"
:options="directionOptions"
/>
<PreviewSelect title="Direction" v-model="shuffleDirection" :options="directionOptions" />
<PreviewSelect
title="Ease"
v-model="ease"
:options="easeOptions"
/>
<PreviewSelect title="Ease" v-model="ease" :options="easeOptions" />
<PreviewSlider
title="Duration"
v-model="duration"
:min="0.1"
:max="1.5"
:step="0.05"
value-unit="s"
/>
<PreviewSlider title="Duration" v-model="duration" :min="0.1" :max="1.5" :step="0.05" value-unit="s" />
<PreviewSlider
title="Shuffle Times"
v-model="shuffleTimes"
:min="1"
:max="8"
:step="1"
/>
<PreviewSlider title="Shuffle Times" v-model="shuffleTimes" :min="1" :max="8" :step="1" />
<PreviewSlider
title="Stagger"
v-model="stagger"
:min="0"
:max="0.2"
:step="0.01"
value-unit="s"
/>
<PreviewSlider title="Stagger" v-model="stagger" :min="0" :max="0.2" :step="0.01" value-unit="s" />
<PreviewSwitch
title="Hover Replay"
v-model="triggerOnHover"
/>
<PreviewSwitch title="Hover Replay" v-model="triggerOnHover" />
<PreviewSwitch
title="Loop"
v-model="loop"
/>
<PreviewSwitch title="Loop" v-model="loop" />
<PreviewSlider
title="Loop Delay"