open edit page after model creation

vue3/src/pages/ModelEditPage.vue

@@ -11,7 +11,7 @@
         </v-row>
         <v-row>
             <v-col>
-                <component :is="editorComponent" :item-id="id" @delete="router.go(-1)"></component>
+                <component :is="editorComponent" :item-id="id" @delete="router.go(-1)" @create="(obj: any) => objectCreated(obj)"></component>
             </v-col>
         </v-row>
     </v-container>
@@ -35,6 +35,16 @@ const editorComponent = shallowRef(defineAsyncComponent(() => import(`@/componen
 
 const router = useRouter()
 
+/**
+ * after creation open object with correct URL in edit mode
+ * @param obj obj that was created
+ */
+function objectCreated(obj: any) {
+    if (obj.id) {
+        router.push({name: 'ModelEditPage', params: {model: props.model, id: obj.id}})
+    }
+}
+
 </script>
 
 <style scoped>