fix: update inserted yaml

src/frontend/src/views/CreateEntryPoint.vue

@@ -364,9 +364,21 @@
 
   const taskGraphError = ref('')
 
+  const taskGraphPlaceholderError = computed(() => {
+    if(entryPoint.value.taskGraph.includes('<step-name>') && entryPoint.value.taskGraph.includes('<input-value>')) {
+      return 'Replace <step-name> and <input-value> placeholders'
+    } else if(entryPoint.value.taskGraph.includes('<step-name>')) {
+      return 'Replace <step-name> placeholders'
+    } else if(entryPoint.value.taskGraph.includes('<input-value>')) {
+      return 'Replace <input-value> placeholders'
+    }
+    return ''
+  })
+
   function submit() {
     basicInfoForm.value.validate().then(success => {
       taskGraphError.value = entryPoint.value.taskGraph.length > 0 ? '' : 'This field is required'
+      taskGraphError.value = taskGraphPlaceholderError.value
       if (success && taskGraphError.value === '') {
         addOrModifyEntrypoint()
       }
@@ -458,10 +470,9 @@
 
   function addToTaskGraph(task) {
     console.log('task = ', task)
-    let string = `${task.outputParams.map((param) => param.name)}:\n  ${task.name}:`
-    // let string = `${task.outputParams.map((param) => param.name).join(', ')}:\n  ${task.name}:`
+    let string = `# Replace step-name and input-value placeholders\n<step-name>:\n  ${task.name}:`
     task.inputParams.forEach((param) => {
-      string += `\n    ${param.name}: $${param.name}`
+      string += `\n    ${param.name}: <input-value>`
     })
     if(entryPoint.value.taskGraph.trim().length === 0) {
       entryPoint.value.taskGraph = ''