Disable View Transitions when prefers-reduced-motion is reduce

nuxt · Jul 23, 2023 · ff7fc9f · ff7fc9f
1 parent 7046930
commit ff7fc9f
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/nuxt/src/app/plugins/view-transitions.client.ts b/packages/nuxt/src/app/plugins/view-transitions.client.ts
@@ -2,7 +2,7 @@ import { useRouter } from '#app/composables/router'
 import { defineNuxtPlugin } from '#app/nuxt'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  if (!document.startViewTransition) { return }
+  if (!document.startViewTransition || window.matchMedia('(prefers-reduced-motion: reduce)').matches) { return }
 
   let finishTransition: undefined | (() => void)
   let abortTransition: undefined | (() => void)