extends layout
block content
	h1 Todo 
	textarea#todo(v-on:change='todochange')
		{{todo}}
		
block script
	script.
		var app = new Vue({
			el: '#app',
			data: {
				todo: '여기에 남은 할일을 적자',
			},	
			methods: {
				todochange(e){
					$.post('System/api/savetodo', {
						todo: $('#todo').val(),
					}, function(o){
						console.log(o);
					});
				},
			},
			created() {
				$.post('System/api/loadtodo', {}, o=>{
					console.log(o);
					this.todo = o.todo;
				}, 'json');
			}
		});
	
block css
	style.
		#todo {
			width: 90%;
			height: 90%;
		}
	

