fix: resolve memory leak issue, refactor: register event listener handler (#37)

Author: jungeun-cho

src/Calendar.vue

@@ -5,16 +5,6 @@
 <script>
 import Calendar from 'tui-calendar';
 
-const calendarEvents = [
-  'afterRenderSchedule',
-  'beforeCreateSchedule',
-  'beforeDeleteSchedule',
-  'beforeUpdateSchedule',
-  'clickDayname',
-  'clickSchedule',
-  'clickTimezonesCollapseBtn'
-];
-
 const scheduleNeedProp = [
   'start',
   'category'
@@ -161,11 +151,6 @@ export default {
       this.calendarInstance.setOptions({isReadOnly: newValue});
     }
   },
-  data() {
-    return {
-      calendarInstance: null
-    };
-  },
   mounted() {
     this.calendarInstance = new Calendar(this.$refs.tuiCalendar, {
       defaultView: this.view,
@@ -187,18 +172,18 @@ export default {
     this.addEventListeners();
     this.reflectSchedules();
   },
-  destroyed() {
-    calendarEvents.forEach(event => this.calendarInstance.off(event));
+  beforeDestroy() {
+    this.calendarInstance.off();
     this.calendarInstance.destroy();
   },
   methods: {
     cloneData(data) {
       return JSON.parse(JSON.stringify(data));
     },
     addEventListeners() {
-      calendarEvents.forEach(event => {
-        this.calendarInstance.on(event, (...args) => this.$emit(event, ...args));
-      });
+      for (const eventName of Object.keys(this.$listeners)) {
+        this.calendarInstance.on(eventName, (...args) => this.$emit(eventName, ...args));
+      };
     },
     reflectSchedules() {
       if (this.schedules.length > 0) {