docs: add fill: 'forwards' to view transition example

brc-dd · brc-dd · commit e2a8ba04c532 · 2025-07-11T21:41:04.000+05:30
fixes #4834
diff --git a/docs/en/guide/extending-default-theme.md b/docs/en/guide/extending-default-theme.md
@@ -252,6 +252,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )
diff --git a/docs/es/guide/extending-default-theme.md b/docs/es/guide/extending-default-theme.md
@@ -251,6 +251,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )
diff --git a/docs/fa/guide/extending-default-theme.md b/docs/fa/guide/extending-default-theme.md
@@ -254,6 +254,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )
diff --git a/docs/ko/guide/extending-default-theme.md b/docs/ko/guide/extending-default-theme.md
@@ -252,6 +252,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )
diff --git a/docs/pt/guide/extending-default-theme.md b/docs/pt/guide/extending-default-theme.md
@@ -251,6 +251,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )
diff --git a/docs/ru/guide/extending-default-theme.md b/docs/ru/guide/extending-default-theme.md
@@ -253,6 +253,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )
diff --git a/docs/zh/guide/extending-default-theme.md b/docs/zh/guide/extending-default-theme.md
@@ -251,6 +251,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
     {
       duration: 300,
       easing: 'ease-in',
+      fill: 'forwards',
       pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
     }
   )

Original file line number	Diff line number	Diff line change
`@@ -252,6 +252,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {`
`252`	`252`	`{`
`253`	`253`	`duration: 300,`
`254`	`254`	`easing: 'ease-in',`
	`255`	`+ fill: 'forwards',`
`255`	`256`	pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
`256`	`257`	`}`
`257`	`258`	`)`
Original file line number	Diff line number	Diff line change
`@@ -251,6 +251,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {`
`251`	`251`	`{`
`252`	`252`	`duration: 300,`
`253`	`253`	`easing: 'ease-in',`
	`254`	`+ fill: 'forwards',`
`254`	`255`	pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
`255`	`256`	`}`
`256`	`257`	`)`
Original file line number	Diff line number	Diff line change
`@@ -254,6 +254,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {`
`254`	`254`	`{`
`255`	`255`	`duration: 300,`
`256`	`256`	`easing: 'ease-in',`
	`257`	`+ fill: 'forwards',`
`257`	`258`	pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
`258`	`259`	`}`
`259`	`260`	`)`
Original file line number	Diff line number	Diff line change
`@@ -253,6 +253,7 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {`
`253`	`253`	`{`
`254`	`254`	`duration: 300,`
`255`	`255`	`easing: 'ease-in',`
	`256`	`+ fill: 'forwards',`
`256`	`257`	pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`
`257`	`258`	`}`
`258`	`259`	`)`