atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 06:29:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Animation feature build fix: Ensuring strict type declaration to avoid build errors

Browse Source
This commit is contained in:
SAMUELMUCHIRI
2026-01-05 11:28:40 +03:00
parent 2480b155b5
commit fdbab7a89f
1 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/content/Animations/TargetCursor/TargetCursor.vue
View File

@@ -78,9 +78,11 @@ const setupAnimation = () => {
if (spinTl.value) {
spinTl.value.kill();
}
spinTl.value = gsap
.timeline({ repeat: -1 })
.to(cursor, { rotation: '+=360', duration: props.spinDuration, ease: 'none' });
spinTl.value = gsap.timeline({ repeat: -1 }).to(cursor, {
rotation: '+=360',
duration: props.spinDuration,
ease: 'none'
});
};
createSpinTimeline();
@@ -173,11 +175,13 @@ const setupAnimation = () => {
const offsets = [tlOffset, trOffset, brOffset, blOffset];
corners.forEach((corner, index) => {
const offset = offsets[index];
if (!offset) return;
tl.to(
corner as HTMLElement,
{
x: offsets[index].x,
y: offsets[index].y,
x: offset.x,
y: offset.y,
duration: 0.2,
ease: 'power2.out'
},
@@ -221,11 +225,13 @@ const setupAnimation = () => {
const tl = gsap.timeline();
corners.forEach((corner, index) => {
const pos = positions[index];
if (!pos) return;
tl.to(
corner as HTMLElement,
{
x: positions[index].x,
y: positions[index].y,
x: pos.x,
y: pos.y,
duration: 0.3,
ease: 'power3.out'
},
@@ -240,9 +246,11 @@ const setupAnimation = () => {
const normalizedRotation = currentRotation % 360;
spinTl.value.kill();
spinTl.value = gsap
.timeline({ repeat: -1 })
.to(cursorRef.value, { rotation: '+=360', duration: props.spinDuration, ease: 'none' });
spinTl.value = gsap.timeline({ repeat: -1 }).to(cursorRef.value, {
rotation: '+=360',
duration: props.spinDuration,
ease: 'none'
});
gsap.to(cursorRef.value, {
rotation: normalizedRotation + 360,
@@ -329,9 +337,11 @@ watch(
if (spinTl.value.isActive()) {
spinTl.value.kill();
spinTl.value = gsap
.timeline({ repeat: -1 })
.to(cursorRef.value, { rotation: '+=360', duration: props.spinDuration, ease: 'none' });
spinTl.value = gsap.timeline({ repeat: -1 }).to(cursorRef.value, {
rotation: '+=360',
duration: props.spinDuration,
ease: 'none'
});
}
},
{ immediate: true }