<template>
<s-stage :list="list" @add="addStage"></s-stage>
</template>

<script>
export default {
	data(){
		return {
			list: [{ name: 'step 1' }, { name: 'step 2' }],
		}
	},
    methods: {
        addStage(index) {
            this.list.splice(index, 0, { name: 'new step' });
        }
    }
}
</script>