Your IP : 216.73.217.104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<div id="app">
<h1>ToDo List</h1>
<p>{{introText}}</p>
<div>
<div v-if="showError" class="error">At least one character you lazy bastard!</div>
<input v-model="text" type="text">
<button @click="add(text)">{{btnTextAdd}}</button>
</div>
<p>{{instruction}}</p>
<p>Ilość tasków: {{counter}}</p>
<ul>
<li v-for="(item,index) in itemsList" v-bind:key="item.id">
<p>Zadanie:</p>
<p>
<todo-item v-bind:todo="item" v-bind:key="item.id"></todo-item>
<button @click="remove(index)">remove</button>
</p>
</li>
</ul>
</div>
</div>
<script src="vue.js"></script>
<script src="index.js"></script>
</body>
</html>