Fix me mixin

client/src/components/ContentBlock.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="{ 'hideable-element--greyed-out': hidden }"
+    :class="{ 'hideable-element--greyed-out': isHidden }"
     class="content-block__container hideable-element content-list__parent"
   >
     <div
@@ -230,7 +230,7 @@ export default {
         contents: newContent,
       });
     },
-    hidden() {
+    isHidden() {
       return hidden({
         block: this.contentBlock,
         schoolClass: this.schoolClass,

client/src/mixins/me.js

@@ -18,30 +18,34 @@ export default {
 
   computed: {
     topicRoute() {
-      if (this.me.lastTopic && this.me.lastTopic.slug) {
+      if (this.$data.me.lastTopic && this.$data.me.lastTopic.slug) {
         return {
           name: 'topic',
           params: {
-            topicSlug: this.me.lastTopic.slug,
+            topicSlug: this.$data.me.lastTopic.slug,
           },
         };
       }
       return '/book/topic/berufliche-grundbildung';
     },
     schoolClass() {
-      return this.me.selectedClass;
+      return this.$data.me.selectedClass;
     },
     canManageContent() {
-      return this.me.isTeacher;
+      return this.$data.me.isTeacher;
     },
     isReadOnly() {
-      return this.me.readOnly || this.me.selectedClass.readOnly;
+      return this.$data.me.readOnly || this.$data.me.selectedClass.readOnly;
     },
     currentClassName() {
-      let currentClass = this.me.schoolClasses.find((schoolClass) => {
-        return schoolClass.id === this.me.selectedClass.id;
+      let currentClass = this.$data.me.schoolClasses.find((schoolClass) => {
+        return schoolClass.id === this.$data.me.selectedClass.id;
       });
-      return currentClass ? currentClass.name : this.me.schoolClasses.length ? this.me.schoolClasses[0].name : '';
+      return currentClass
+        ? currentClass.name
+        : this.$data.me.schoolClasses.length
+          ? this.$data.me.schoolClasses[0].name
+          : '';
     },
   },