From be5cda6f6f6e8d984e9a29cd1ce4fd426d54e35d Mon Sep 17 00:00:00 2001
From: Sugar <sugar@sylveon.social>
Date: Sun, 16 Jun 2024 19:07:36 +0200
Subject: [PATCH] add fade to animated mfm tags

---
 .../src/components/global/MkMisskeyFlavoredMarkdown.ts         | 3 +--
 packages/frontend/src/scripts/check-animated-mfm.ts            | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts
index b562ecb5d..1bc33585f 100644
--- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts
+++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts
@@ -235,8 +235,7 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 						return h(MkSparkle, {}, genEl(token.children, scale));
 					}
 					case 'fade': {
-						// Dont run with reduced motion on
-						if (!defaultStore.state.animation) {
+						if (!useAnim) {
 							style = '';
 							break;
 						}
diff --git a/packages/frontend/src/scripts/check-animated-mfm.ts b/packages/frontend/src/scripts/check-animated-mfm.ts
index f7f9b743b..2614dfb4f 100644
--- a/packages/frontend/src/scripts/check-animated-mfm.ts
+++ b/packages/frontend/src/scripts/check-animated-mfm.ts
@@ -17,6 +17,7 @@ export function checkAnimationFromMfm(nodes: mfm.MfmNode[]): boolean {
 			node.props.name === 'bounce' ||
 			node.props.name === 'rainbow' ||
 			node.props.name === 'sparkle' ||
+			node.props.name === 'fade' ||
 			node.props.name === 'followmouse') {
 				return true;
 			} else {