diff --git a/client/src/__generated__/gql.ts b/client/src/__generated__/gql.ts
index 0dc90905..d4a2f417 100644
--- a/client/src/__generated__/gql.ts
+++ b/client/src/__generated__/gql.ts
@@ -18,7 +18,7 @@ const documents = {
     "\n  fragment ContentBlockHighlightsFragment on ContentBlockNode {\n    id\n    __typename\n    highlights {\n      ...HighlightParts\n    }\n  }\n": types.ContentBlockHighlightsFragmentFragmentDoc,
     "\n    query LanguageQuery {\n      me {\n        language @client\n      }\n    }\n  ": types.LanguageQueryDocument,
     "\n    mutation SetLanguage($language: String!) {\n      setLanguage(language: $language) @client {\n        language\n      }\n    }\n  ": types.SetLanguageDocument,
-    "\n  query ReadOnlyQuery {\n    me {\n      readOnly\n      selectedClass {\n        readOnly\n      }\n    }\n  }\n": types.ReadOnlyQueryDocument,
+    "\n        query ReadOnlyQuery {\n          me {\n            readOnly\n            selectedClass {\n              readOnly\n            }\n          }\n        }\n      ": types.ReadOnlyQueryDocument,
     "\n  fragment SubmissionParts on StudentSubmissionNode {\n    id\n    text\n    final\n    document\n    submissionFeedback {\n      id\n      text\n      teacher {\n        firstName\n        lastName\n      }\n    }\n  }\n": types.SubmissionPartsFragmentDoc,
     "\n  fragment AssignmentParts on AssignmentNode {\n    id\n    title\n    assignment\n    solution\n    submission {\n      ...SubmissionParts\n    }\n  }\n": types.AssignmentPartsFragmentDoc,
     "\n    query AssignmentQuery($id: ID!) {\n      assignment(id: $id) {\n        ...AssignmentParts\n      }\n    }\n  ": types.AssignmentQueryDocument,
@@ -97,7 +97,7 @@ export function graphql(source: "\n    mutation SetLanguage($language: String!)
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  query ReadOnlyQuery {\n    me {\n      readOnly\n      selectedClass {\n        readOnly\n      }\n    }\n  }\n"): (typeof documents)["\n  query ReadOnlyQuery {\n    me {\n      readOnly\n      selectedClass {\n        readOnly\n      }\n    }\n  }\n"];
+export function graphql(source: "\n        query ReadOnlyQuery {\n          me {\n            readOnly\n            selectedClass {\n              readOnly\n            }\n          }\n        }\n      "): (typeof documents)["\n        query ReadOnlyQuery {\n          me {\n            readOnly\n            selectedClass {\n              readOnly\n            }\n          }\n        }\n      "];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/client/src/components/ReadOnlyBanner.vue b/client/src/components/ReadOnlyBanner.vue
index 7cf97063..6b2ca8d7 100644
--- a/client/src/components/ReadOnlyBanner.vue
+++ b/client/src/components/ReadOnlyBanner.vue
@@ -26,49 +26,60 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { graphql } from '@/__generated__';
+<script>
+import gql from 'graphql-tag';
 import { LICENSE_ACTIVATION } from '@/router/auth.names';
-import { useQuery } from '@vue/apollo-composable';
-import { computed } from 'vue';
 
-const query = graphql(`
-  query ReadOnlyQuery {
-    me {
-      readOnly
-      selectedClass {
-        readOnly
-      }
-    }
-  }
-`);
-
-const { result } = useQuery(query, null, {
-  fetchPolicy: 'cache-only',
-});
-
-const me = computed(() => {
-  const me = result.value?.me;
-  return (
-    me || {
-      readOnly: false,
-      selectedClass: {
+export default {
+  data() {
+    return {
+      me: {
         readOnly: false,
+        selectedClass: {
+          readOnly: false,
+        },
       },
-    }
-  );
-});
+      licenseActivationLink: {
+        name: LICENSE_ACTIVATION,
+      },
+    };
+  },
 
-const isReadOnly = computed(() => {
-  return me.value.readOnly || me.value.selectedClass?.readOnly;
-});
+  apollo: {
+    me: {
+      query: gql`
+        query ReadOnlyQuery {
+          me {
+            readOnly
+            selectedClass {
+              readOnly
+            }
+          }
+        }
+      `,
+      fetchPolicy: 'cache-only',
+      update({ me }) {
+        if (!me) {
+          return {
+            readOnly: false,
+            selectedClass: {
+              readOnly: false,
+            },
+          };
+        }
+        return me;
+      },
+    },
+  },
 
-const readOnlyText = computed(() => {
-  return me.value.readOnly ? 'Sie besitzen keine aktive Lizenz.' : 'Sie sind in dieser Klasse nicht mehr aktiv.';
-});
-
-const licenseActivationLink = {
-  name: LICENSE_ACTIVATION,
+  computed: {
+    readOnlyText() {
+      return this.me.readOnly ? 'Sie besitzen keine aktive Lizenz.' : 'Sie sind in dieser Klasse nicht mehr aktiv.';
+    },
+    isReadOnly() {
+      return this.me.readOnly || this.me.selectedClass?.readOnly;
+    },
+  },
 };
 </script>
 
diff --git a/client/src/graphql/cache.ts b/client/src/graphql/cache.ts
index 2f59c90a..58220c53 100644
--- a/client/src/graphql/cache.ts
+++ b/client/src/graphql/cache.ts
@@ -61,7 +61,6 @@ const typePolicies = {
     keyFields: ['slug'],
   },
   PrivateUserNode: {
-    keyFields: [], // i should never see anyone else's PrivateUserNode, so this should be a singleton
     fields: {
       language: {
         read() {