refactor: used camel cases

src/App.vue

@@ -20,7 +20,7 @@
     <q-page-container class="root">
       <router-view
         :annotations="annotations"
-        :annotationloading="annotationloading"
+        :annotation-loading="annotationLoading"
         :collection="collection"
         :config="config"
         :contenttypes="contentTypes"
@@ -52,7 +52,7 @@ export default {
   data() {
     return {
       annotations: [],
-      annotationloading: false,
+      annotationLoading: false,
       collection: {},
       collectiontitle: '',
       config: {},
@@ -135,7 +135,7 @@ export default {
       */
     async getAnnotations(url) {
       this.annotations = [];
-      this.annotationloading = false;
+      this.annotationLoading = false;
 
       try {
         const annotations = await this.request(url);
@@ -156,7 +156,7 @@ export default {
         this.annotations = [];
         this.$q.notify({ message: 'No annotations available' });
       } finally {
-        this.annotationloading = true;
+        this.annotationLoading = true;
       }
     },
     /**

src/components/annotations.vue

@@ -52,7 +52,7 @@ export default {
       type: Array,
       default: () => [],
     },
-    annotationloading: {
+    annotationLoading: {
       type: Boolean,
       default: false,
     },
@@ -86,7 +86,7 @@ export default {
       this.ids = [...doc.body.querySelectorAll('[id]')].map((el) => el.getAttribute('id'));
 
       const interval = setInterval(() => {
-        if (this.annotationloading) {
+        if (this.annotationLoading) {
           this.types = this.filterAnnotationTypes();
 
           clearInterval(interval);

src/views/mainview.vue

@@ -85,7 +85,7 @@ export default {
       type: Array,
       default: () => [],
     },
-    annotationloading: {
+    annotationLoading: {
       type: Boolean,
       default: false,
     },