game designer

src/components/SceneDesigner/GameObject.vue

@@ -19,6 +19,7 @@
         <v-form class="py-4">
             <v-text-field density="compact" :label="l.name" v-model="modelValue.title"></v-text-field>
             <v-textarea :label="l.description" v-model="modelValue.description"></v-textarea>
+            <v-text-field density="compact" :label="l.id" v-model="modelValue.id"></v-text-field>
         </v-form>
     </v-card>
 </template>

src/components/SceneDesigner/Scene.vue

@@ -18,6 +18,7 @@
         <v-form class="py-4">
             <v-text-field density="compact" :label="l.name" v-model="modelValue.title"></v-text-field>
             <v-textarea :label="l.description" v-model="modelValue.description"></v-textarea>
+            <v-text-field density="compact" :label="l.id" v-model="modelValue.id"></v-text-field>
         </v-form>
     </v-card>
 </template>

src/components/SceneDesigner/Task.vue

@@ -11,15 +11,17 @@
         </g>
     </teleport>
     <v-card v-if="selected" :title="modelValue.title" class="mx-2" variant="text">
-        <v-form class="py-4">
-            <v-text-field density="compact" :label="l.name" v-model="modelValue.title"></v-text-field>
-            <v-textarea :label="l.description" v-model="modelValue.description"></v-textarea>
-        </v-form>
         <asset-selector @select="assignTaskIntro" type="Descriptive">
             <template v-slot:activator="props">
                 <v-btn v-bind="props" prepend-icon="mdi-panorama-outline" color="success" block>Choose task description</v-btn>
             </template>
         </asset-selector>
+        
+        <v-form class="py-4">
+            <v-text-field density="compact" :label="l.name" v-model="modelValue.title"></v-text-field>
+            <v-textarea :label="l.description" v-model="modelValue.description"></v-textarea>
+            <v-text-field density="compact" :label="l.id" v-model="modelValue.id"></v-text-field>
+        </v-form>
     </v-card>
 </template>