Copied Layout from docs which Using View Transitions API to change appearance transformation didn't work on mine #4012

fr1g · 2024-07-03T00:54:36Z

fr1g
Jul 3, 2024

As my title, I just copied the example code from https://vitepress.dev/guide/extending-default-theme#on-appearance-toggle and this is not working on my project.
some hints:

I have custom CSS, and a css-transition registered on '*' but I think this is not the root of issue
inside my copied Layout.vue, says 'No property on "document" was named "startViewTransition"'
I just updated to vitepress to 1.2.3, before that I was in 1.0.0-43 or what I forgot
This, perhaps written right, but not working on my browser(126.0.2592.81 MS-Edge Chromium, Windows x64)

If there's anything else required to seek and solve the problem, please let me know🙏

brc-dd · 2024-07-03T08:58:57Z

Can you provide a minimal, reproducible example using https://vitepress.new.

inside my copied Layout.vue, says 'No property on "document" was named "startViewTransition"'

this might be because you haven't installed the types - https://www.npmjs.com/package/@types/dom-view-transitions -- install that and reference it from global.d.ts/env.d.ts - you can just // @ts-ignore that too.

This, perhaps written right, but not working on my browser(126.0.2592.81 MS-Edge Chromium, Windows x64)

Most likely your code is wrong. That browser supports view transition api.

0 replies

shellRaining · 2024-07-16T15:49:53Z

@fr1g You can refer to my code, which might help you~

0 replies

fr1g · 2024-07-16T18:55:55Z

thanks, I‘ll check it up later!Отправлено с iPhone16 июля 2024 г., в 23:50, shellRaining ***@***.***> написал(а): @fr1g You can refer to my code, which might help you~ https://github.com/shellRaining/blog/blob/b751cdfac3d7b3ad205e0aac226c67d4f436628a/theme/Home/AppearanceSwitcher.vue —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: ***@***.***>

0 replies