experimental flash support through ruffle

src/components/attachment/attachment.js

@@ -1,4 +1,5 @@
 import StillImage from '../still-image/still-image.vue'
+import Flash from '../flash/flash.vue'
 import VideoAttachment from '../video_attachment/video_attachment.vue'
 import nsfwImage from '../../assets/nsfw.png'
 import fileTypeService from '../../services/file_type/file_type.service.js'
@@ -43,6 +44,7 @@ const Attachment = {
     }
   },
   components: {
+    Flash,
     StillImage,
     VideoAttachment
   },

src/components/attachment/attachment.vue

@@ -117,6 +117,8 @@
         <!-- eslint-enable vue/no-v-html -->
       </div>
     </div>
+
+    <Flash v-if="type === 'flash'" :src="attachment.large_thumb_url || attachment.url" />
   </div>
 </template>
 

src/components/flash/flash.js

@@ -0,0 +1,16 @@
+const Flash = {
+  props: [
+    'src'
+  ],
+  created: function () {
+    this.$nextTick(function () {
+      const ruffle = window.RufflePlayer.newest()
+      const player = ruffle.createPlayer()
+      const container = this.$refs.cunt
+      container.appendChild(player)
+      player.load(this.src)
+    })
+  }
+}
+
+export default Flash

src/components/flash/flash.vue

@@ -0,0 +1,15 @@
+<template>
+  <div
+    class="Flash"
+    ref="cunt"
+  />
+</template>
+
+<script src="./flash.js"></script>
+
+<style lang="scss">
+@import '../../_variables.scss';
+.Flash {
+  display: block;
+}
+</style>