diff --git a/packages/types/src/frontmatter.ts b/packages/types/src/frontmatter.ts
index 447fe05659..4a7d51eff3 100644
--- a/packages/types/src/frontmatter.ts
+++ b/packages/types/src/frontmatter.ts
@@ -484,7 +484,7 @@ export interface FontOptions {
fallbacks?: boolean
}
-export type BuiltinSlideTransition = 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'fade' | 'zoom' | 'none'
+export type BuiltinSlideTransition = 'fade' | 'fade-out' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'view-transition'
export interface TransitionOptions {
/**
@@ -497,6 +497,7 @@ export interface TransitionOptions {
* - slide-right
* - slide-up
* - slide-down
+ * - view-transition
*
* See https://sli.dev/guide/animations.html#pages-transitions
*
diff --git a/packages/vscode/schema/frontmatter.json b/packages/vscode/schema/frontmatter.json
index 9bf5e8b7da..35f1a1384e 100644
--- a/packages/vscode/schema/frontmatter.json
+++ b/packages/vscode/schema/frontmatter.json
@@ -20,8 +20,8 @@
"type": "null"
}
],
- "description": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html",
- "markdownDescription": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html"
+ "description": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n- view-transition\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html",
+ "markdownDescription": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n- view-transition\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html"
},
"layout": {
"anyOf": [
@@ -125,13 +125,13 @@
"BuiltinSlideTransition": {
"type": "string",
"enum": [
+ "fade",
+ "fade-out",
"slide-up",
"slide-down",
"slide-left",
"slide-right",
- "fade",
- "zoom",
- "none"
+ "view-transition"
]
},
"TransitionGroupProps": {
diff --git a/packages/vscode/schema/headmatter.json b/packages/vscode/schema/headmatter.json
index 9b2381c0de..eed7f8c778 100644
--- a/packages/vscode/schema/headmatter.json
+++ b/packages/vscode/schema/headmatter.json
@@ -112,8 +112,8 @@
"type": "null"
}
],
- "description": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html",
- "markdownDescription": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html"
+ "description": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n- view-transition\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html",
+ "markdownDescription": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n- view-transition\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html"
},
"title": {
"type": "string",
@@ -590,13 +590,13 @@
"BuiltinSlideTransition": {
"type": "string",
"enum": [
+ "fade",
+ "fade-out",
"slide-up",
"slide-down",
"slide-left",
"slide-right",
- "fade",
- "zoom",
- "none"
+ "view-transition"
]
},
"TransitionGroupProps": {
@@ -905,8 +905,8 @@
"type": "null"
}
],
- "description": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html",
- "markdownDescription": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html"
+ "description": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n- view-transition\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html",
+ "markdownDescription": "Page transition, powered by Vue's ``\n\nBuilt-in transitions:\n- fade\n- fade-out\n- slide-left\n- slide-right\n- slide-up\n- slide-down\n- view-transition\n\nSee https://sli.dev/guide/animations.html#pages-transitions\n\nSee https://vuejs.org/guide/built-ins/transition.html"
},
"layout": {
"anyOf": [