Add ordering meta info to some models

Otherwise graphene complains when using those in Connections

client/cypress/e2e/frontend/instruments/module-page.spec.js

@@ -38,6 +38,7 @@ describe('Instruments on Module page', () => {
                         value: {
                           description:
                             '<p>Ein Interview dient dazu, durch Befragung Informationen zu ermitteln. Bei journalistischen Interviews werden oft Expertinnen und Experten befragt, aber auch Personen.</p>',
+                          slug: 'interview',
                         },
                       },
                     ],

client/src/components/ContentBlock.vue

@@ -100,7 +100,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineAsyncComponent, inject, onMounted, ref, computed, onUnmounted } from 'vue';
+import { inject, onMounted, ref, computed, onUnmounted } from 'vue';
 
 import { useMutation } from '@vue/apollo-composable';
 import AddContentButton from '@/components/AddContentButton.vue';
@@ -109,6 +109,7 @@ import UserWidget from '@/components/UserWidget.vue';
 import VisibilityAction from '@/components/visibility/VisibilityAction.vue';
 import PopoverLink from '@/components/ui/PopoverLink.vue';
 import CopyLink from '@/components/CopyLink.vue';
+import ContentComponent from '@/components/content-blocks/ContentComponent.vue';
 import { useRoute, useRouter } from 'vue-router';
 import { hidden } from '@/helpers/visibility';
 import { insertAtIndex, removeAtIndex } from '@/graphql/immutable-operations';
@@ -144,8 +145,6 @@ export interface Props {
   editMode?: boolean;
 }
 
-const ContentComponent = defineAsyncComponent(() => import('@/components/content-blocks/ContentComponent.vue'));
-
 const { me, schoolClass } = getMe();
 
 const contentBlockDiv = ref<HTMLElement | null>(null);

client/src/components/content-blocks/assignment/SubmissionForm.vue

@@ -58,9 +58,9 @@ export interface Props {
   saved: boolean;
   placeholder: string;
   action: string;
-  readOnly: boolean;
+  readOnly?: boolean;
-  spellcheck: boolean;
+  spellcheck?: boolean;
-  spellcheckLoading: boolean;
+  spellcheckLoading?: boolean;
   sharedMsg: string;
 }
 

client/src/components/content-blocks/assignment/SubmissionInput.vue

@@ -48,7 +48,11 @@ const editText = ref(props.inputText);
 const emit = defineEmits(['input']);
 
 const containsEmoji = (text: string) => {
+  if (!text) {
+    return false
+  }
   const lastCharacter = Array.from(text)[Array.from(text).length - 1];
+
   if (lastCharacter && lastCharacter.charCodeAt(0)> 55000) //fix for the hand symbol 🖐️
     return true
   const emojiRegex = /\p{Emoji}/u;
@@ -59,11 +63,9 @@ watch(
   () => props.inputText,
   (newValue) => {
     // TODO: Lorenz this is an ugly fix!
-    console.log(newValue)
-
     if (containsEmoji(newValue)) {
-      console.log("emoji found", newValue)
       editText.value = newValue;
+      emit('input', editText.value);
     }
   }
 );