refactor/Remove Vue!!!

Author: LewisYoul

app/javascript/modal.vue renamed to app/assets/stylesheets/modal.scss

@@ -1,52 +1,4 @@
-<template>
-  <div @click.prevent="()=> { }" class="modal-mask">
-    <div class="modal-wrapper">
-      <card class="modal-container">
-        <div class="modal-header">
-          <h3>{{ header }}</h3>
-          <span>
-            <img class="modal-close" @click.prevent="$emit('close')" src="/icons/cancel.svg" width="22">
-          </span>
-        </div>
-
-        <div class="modal-body">
-          <slot name="body">
-            default body
-          </slot>
-        </div>
-
-        <!-- <div class="modal-footer">
-          <slot name="footer">
-            default footer
-            <button class="modal-default-button" @click="$emit('close')">
-              close
-            </button>
-          </slot>
-        </div> -->
-      </card>
-    </div>
-  </div>
-</template>
-
-<script>
-import Card from './card';
-import  { EventBus } from './event-bus';
-
-export default {
-  components: { Card },
-
-  props: {
-    header: { required: true, type: String }
-  },
-
-  created() {
-    EventBus.$on('closeModal', () => this.$emit('close'))
-  }
-}
-</script>
-
-<style lang="scss">
-  .modal-mask {
+.modal-mask {
   position: fixed;
   z-index: 4;
   top: 0;
@@ -127,4 +79,3 @@ export default {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
-</style>