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": [