deja-vue 1.0.1 → 2.1.0

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.
Files changed (4) hide show
  1. package/README.md +40 -12
  2. package/dist/index.d.ts +508 -106
  3. package/dist/index.js +711 -204
  4. package/package.json +22 -27
package/README.md CHANGED
@@ -1,33 +1,61 @@
1
1
  # Déjà Vue
2
2
 
3
- Declarative GSAP Animations for Vue 3.
3
+ Declarative GSAP animations for Vue 3.
4
4
 
5
- ## Documentation
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
- View the [full documentation here](https://fiadone.github.io/deja-vue/).
8
+ ## Documentation
8
9
 
9
- ## Development
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
- - Install dependencies:
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
- - Run the playground:
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 run playground
48
+ npm install
21
49
  ```
22
50
 
23
- - Run the unit tests:
51
+ Build the library package:
24
52
 
25
53
  ```bash
26
- npm run test
54
+ npm run build -w deja-vue
27
55
  ```
28
56
 
29
- - Build the library:
57
+ Run library type checks:
30
58
 
31
59
  ```bash
32
- npm run build
60
+ npm run typecheck -w deja-vue
33
61
  ```