use server-side MFM

src/components/status_content/status_content.js

@@ -103,6 +103,9 @@ const StatusContent = {
     renderMfmOnHover () {
       return this.mergedConfig.renderMfmOnHover
     },
+    renderMisskeyMarkdown () {
+      return this.mergedConfig.renderMisskeyMarkdown
+    },
     ...mapGetters(['mergedConfig']),
     ...mapState({
       currentUser: state => state.users.currentUser

src/components/status_content/status_content.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="StatusContent"
-    :class="{ '-compact': compact, 'mfm-hover': renderMfmOnHover }"
+    :class="{ '-compact': compact, 'mfm-hover': renderMfmOnHover, 'mfm-disabled': !renderMisskeyMarkdown }"
   >
     <slot name="header" />
     <StatusBody
@@ -78,7 +78,12 @@
 
   &.mfm-hover:not(:hover) {
     .mfm {
-      animation: none;
+      animation: none !important;
+    }
+  }
+  &.mfm-disabled {
+    .mfm {
+      animation: none !important;
     }
   }
 }