'changes' => 'watchers', 'retreives' => 'loads'

Author: V13Axel

resources/js/calendar/clock_collapsible.js

@@ -1,11 +1,11 @@
 import CollapsibleComponent from "./collapsible_component";
 
 class ClockCollapsible extends CollapsibleComponent {
-    key = 'clock';
-    retrieves = {
+    loads = {
         'clock': 'clock'
     };
-    changes = {
+
+    watchers = {
         'clock': this.changed
     };
 

resources/js/calendar/collapsible_component.js

@@ -1,7 +1,7 @@
 export default class CollapsibleComponent {
     initialized = false;
     retrieves = {};
-    changes = {};
+    watchers = {};
 
     load(static_data) {
         if (!static_data) {
@@ -15,8 +15,8 @@ export default class CollapsibleComponent {
         this.calendar_settings = static_data.settings;
 
         if (!this.initialized) {
-            for (let localKey of Object.keys(this.changes)) {
-                this.$watch(localKey, this.changes[localKey].bind(this));
+            for (let localKey of Object.keys(this.watchers)) {
+                this.$watch(localKey, this.watchers[localKey].bind(this));
             }
 
             this.initialized = true;
@@ -28,8 +28,4 @@ export default class CollapsibleComponent {
     loaded(static_data) {
         // throw new Error(`The component ${this.prototype.constructor.name} must implement 'changed()'!`);
     }
-
-    changed() {
-        // throw new Error(`The component ${this.prototype.constructor.name} must implement 'changed()'!`);
-    }
 }