@ssgoi/vue 2.1.1 → 2.2.0

package/README.md

@@ -78,12 +78,12 @@ Define different transitions for different routes:
 ```javascript
 const config = {
   transitions: [
-    // Slide between tabs
-    { from: '/home', to: '/about', transition: slide({ direction: 'left' }) },
-    { from: '/about', to: '/home', transition: slide({ direction: 'right' }) },
+    // Scroll between tabs
+    { from: '/home', to: '/about', transition: scroll({ direction: 'up' }) },
+    { from: '/about', to: '/home', transition: scroll({ direction: 'down' }) },
     
-    // Scale up when entering details
-    { from: '/products', to: '/products/*', transition: scale() },
+    // Drill in when entering details
+    { from: '/products', to: '/products/*', transition: drill({ direction: 'enter' }) },
     
     // Pinterest-style image transitions
     { from: '/gallery', to: '/photo/*', transition: pinterest() }
@@ -100,7 +100,7 @@ Automatically create bidirectional transitions:
 {
   from: '/home',
   to: '/about', 
-  transition: slide({ direction: 'left' }),
+  transition: scroll({ direction: 'up' }),
   symmetric: true  // Automatically creates reverse transition
 }
 ```
@@ -190,10 +190,10 @@ onUnmounted(() => {
 
 <script setup>
 import { Ssgoi } from '@ssgoi/vue';
-import { slide } from '@ssgoi/vue/view-transitions';
+import { scroll } from '@ssgoi/vue/view-transitions';
 
 const config = {
-  defaultTransition: slide({ direction: 'left' })
+  defaultTransition: scroll({ direction: 'up' })
 };
 </script>
 
@@ -280,11 +280,10 @@ const cleanup = transition({
 
 ### Page Transitions (`@ssgoi/vue/view-transitions`)
 - `fade()` - Smooth opacity transition
-- `slide()` - Directional sliding (left/right/up/down)
-- `scale()` - Zoom in/out effect
+- `scroll()` - Vertical scrolling (up/down)
+- `drill()` - Drill in/out effect (enter/exit)
 - `hero()` - Shared element transitions
 - `pinterest()` - Pinterest-style expand effect
-- `ripple()` - Material Design ripple effect
 
 ### Element Transitions (`@ssgoi/vue/transitions`)
 - `fadeIn()` / `fadeOut()`

package/dist/transition.js

@@ -2,7 +2,9 @@ import { transition as e } from "@ssgoi/core";
 const s = e, r = {
   mounted(n, t) {
     if (!t.value) {
-      console.warn("[SSGOI] v-transition directive requires a configuration object");
+      console.warn(
+        "[SSGOI] v-transition directive requires a configuration object"
+      );
       return;
     }
     const o = t.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssgoi/vue",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Vue bindings for SSGOI - Native app-like page transitions for Vue applications",
   "private": false,
   "type": "module",
@@ -44,17 +44,8 @@
       "default": "./dist/presets/index.js"
     }
   },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vue-tsc -b && vite build",
-    "watch": "vite build --watch",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "package": "vite build",
-    "prepare": "pnpm run build"
-  },
   "dependencies": {
-    "@ssgoi/core": "^2.1.0"
+    "@ssgoi/core": "2.2.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
@@ -66,6 +57,7 @@
     "eslint": "^9.30.1",
     "eslint-plugin-vue": "^9.33.0",
     "globals": "^16.3.0",
+    "prettier": "^3.6.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.35.1",
@@ -96,5 +88,13 @@
   },
   "engines": {
     "node": ">=18.0.0"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vue-tsc -b && vite build",
+    "watch": "vite build --watch",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "package": "vite build"
   }
-}
+}