<script>
import { onMount } from 'svelte';
import Message from './Message.svelte'
let myMessages = ["msg1", "msg2", "msg3"]
// add two additional Messages 1,5s after App creation
onMount( () => {
setTimeout(function() {
myMessages = [...myMessages, "msg4","msg5"];
}, 1500);
});
function deleteMessage(event){
// delete first element in arr
myMessages = myMessages.slice(1)
console.log(myMessages)
}
</script>
{#each myMessages as message}
<Message {message} on:delete={deleteMessage}/>
{/each}