deja-vue 1.0.1 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -12
- package/dist/index.d.ts +505 -105
- package/dist/index.js +699 -205
- package/package.json +22 -27
package/README.md
CHANGED
|
@@ -1,33 +1,61 @@
|
|
|
1
1
|
# Déjà Vue
|
|
2
2
|
|
|
3
|
-
Declarative GSAP
|
|
3
|
+
Declarative GSAP animations for Vue 3.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Déjà Vue lets you compose GSAP tweens and timelines with Vue components, so
|
|
6
|
+
animation logic can live next to the markup it animates.
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
## Documentation
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
View the [documentation](https://fiadone.github.io/deja-vue/docs/) or explore
|
|
11
|
+
the [landing page](https://fiadone.github.io/deja-vue/).
|
|
10
12
|
|
|
11
|
-
|
|
13
|
+
## Install
|
|
12
14
|
|
|
13
15
|
```bash
|
|
14
|
-
npm install
|
|
16
|
+
npm install deja-vue gsap
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
`vue` and `gsap` are peer dependencies. This library targets Vue 3.
|
|
20
|
+
|
|
21
|
+
## Usage
|
|
22
|
+
|
|
23
|
+
```html
|
|
24
|
+
<script setup lang="ts">
|
|
25
|
+
import { Tween } from 'deja-vue'
|
|
26
|
+
</script>
|
|
27
|
+
|
|
28
|
+
<template>
|
|
29
|
+
<Tween :from="{ opacity: 0, y: 24, duration: 0.6, ease: 'power3.out' }">
|
|
30
|
+
<h1>
|
|
31
|
+
Animated
|
|
32
|
+
with
|
|
33
|
+
Déjà
|
|
34
|
+
Vue
|
|
35
|
+
</h1>
|
|
36
|
+
</Tween>
|
|
37
|
+
</template>
|
|
15
38
|
```
|
|
16
39
|
|
|
17
|
-
|
|
40
|
+
Use `Tween` for single animations, `Timeline` to coordinate sequences,
|
|
41
|
+
`Marker` for timeline checkpoints, and `SplitText` for text-based effects.
|
|
42
|
+
|
|
43
|
+
## Development
|
|
44
|
+
|
|
45
|
+
Install dependencies from the repository root:
|
|
18
46
|
|
|
19
47
|
```bash
|
|
20
|
-
npm
|
|
48
|
+
npm install
|
|
21
49
|
```
|
|
22
50
|
|
|
23
|
-
|
|
51
|
+
Build the library package:
|
|
24
52
|
|
|
25
53
|
```bash
|
|
26
|
-
npm run
|
|
54
|
+
npm run build -w deja-vue
|
|
27
55
|
```
|
|
28
56
|
|
|
29
|
-
|
|
57
|
+
Run library type checks:
|
|
30
58
|
|
|
31
59
|
```bash
|
|
32
|
-
npm run
|
|
60
|
+
npm run typecheck -w deja-vue
|
|
33
61
|
```
|