fix: prevent blinking after toggling dark (#386)

zyyv · web-flow · commit 5d84a7149363 · 2026-01-06T11:57:06.000+09:00
diff --git a/src/components/DarkSwitcher.vue b/src/components/DarkSwitcher.vue
@@ -37,6 +37,7 @@ function toggleDark(event?: MouseEvent) {
       {
         duration: 400,
         easing: 'ease-in',
+        fill: 'forwards',
         pseudoElement: isDark.value
           ? '::view-transition-old(root)'
           : '::view-transition-new(root)',

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,7 @@ function toggleDark(event?: MouseEvent) {`
`37`	`37`	`{`
`38`	`38`	`duration: 400,`
`39`	`39`	`easing: 'ease-in',`
	`40`	`+ fill: 'forwards',`
`40`	`41`	`pseudoElement: isDark.value`
`41`	`42`	`? '::view-transition-old(root)'`
`42`	`43`	`: '::view-transition-new(root)',`