@ssgoi/vue 6.4.0 → 6.5.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.
- package/README.md +26 -8
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -6,6 +6,16 @@ try this: [ssgoi.dev](https://ssgoi.dev)
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
+
## AI-Assisted Setup
|
|
10
|
+
|
|
11
|
+
Using Claude, Cursor, ChatGPT, or another AI assistant? Point it at:
|
|
12
|
+
|
|
13
|
+
```
|
|
14
|
+
https://ssgoi.dev/llms.txt
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
It has the full setup guide, every transition, the API, and troubleshooting — everything an agent needs to wire SSGOI into your app.
|
|
18
|
+
|
|
9
19
|
## What is SSGOI?
|
|
10
20
|
|
|
11
21
|
SSGOI brings native app-like page transitions to the web. Transform your static page navigations into smooth, delightful experiences that users love.
|
|
@@ -35,7 +45,8 @@ pnpm add @ssgoi/vue
|
|
|
35
45
|
```vue
|
|
36
46
|
<template>
|
|
37
47
|
<Ssgoi :config="config">
|
|
38
|
-
|
|
48
|
+
<!-- position: relative + z-index: 0 are required (the outgoing page is cloned with position:absolute) -->
|
|
49
|
+
<div style="position: relative; z-index: 0">
|
|
39
50
|
<!-- Your app -->
|
|
40
51
|
<RouterView />
|
|
41
52
|
</div>
|
|
@@ -94,7 +105,7 @@ The route helpers return path transition groups, so nested arrays are accepted i
|
|
|
94
105
|
<!-- app.vue -->
|
|
95
106
|
<template>
|
|
96
107
|
<Ssgoi :config="config">
|
|
97
|
-
<div style="position: relative; min-height: 100vh">
|
|
108
|
+
<div style="position: relative; z-index: 0; min-height: 100vh">
|
|
98
109
|
<NuxtPage />
|
|
99
110
|
</div>
|
|
100
111
|
</Ssgoi>
|
|
@@ -151,12 +162,19 @@ inside `<Ssgoi>`.
|
|
|
151
162
|
|
|
152
163
|
### Page Transitions (`@ssgoi/vue/view-transitions`)
|
|
153
164
|
|
|
154
|
-
- `fade()` -
|
|
155
|
-
- `
|
|
156
|
-
- `
|
|
157
|
-
- `
|
|
158
|
-
- `
|
|
159
|
-
- `
|
|
165
|
+
- `fade()` - Calm cross-fade. Safe default for unrelated pages
|
|
166
|
+
- `drill()` - iOS-style hierarchical navigation (list → detail)
|
|
167
|
+
- `slide()` - Horizontal push for tabs / sequential flows
|
|
168
|
+
- `scroll()` - Vertical page scroll for onboarding / paginated views
|
|
169
|
+
- `axis()` - Material/Flutter shared-axis swap for sibling/tab routes
|
|
170
|
+
- `sheet()` - Bottom sheet that slides up (modal-like flows)
|
|
171
|
+
- `hero()` - Shared element transition (matching `data-hero-enter-key` / `data-hero-exit-key`)
|
|
172
|
+
- `zoom()` - Card-to-detail expansion (matching `data-zoom-enter-key` / `data-zoom-exit-key`)
|
|
173
|
+
- `strip()` - 3D Y-axis perspective flip
|
|
174
|
+
- `blind()` - Window-blinds wipe reveal
|
|
175
|
+
- `film()` - Cinematic shrink + tile (gallery / lightbox)
|
|
176
|
+
- `rotate()` - Card flip between siblings
|
|
177
|
+
- `jaemin()` - Playful rotated zoom for special moments
|
|
160
178
|
|
|
161
179
|
## Typed Preset Configuration
|
|
162
180
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ssgoi/vue",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.5.0",
|
|
4
4
|
"description": "Vue bindings for SSGOI - Native app-like page transitions for Vue applications",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@ssgoi/core": "^6.
|
|
36
|
+
"@ssgoi/core": "^6.5.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"vue": "^3.5.0"
|