vue.in.oxygen.js

vue.in.oxygen.js

document.addEventListener('DOMContentLoaded', function(event) {
	
	var myApp = new Vue({
		el: '#app',
		vuetify: new Vuetify(),
		data: {
			tasks: [],
			newTask: null
		},
		methods: {
			create: function(event) {
				this.tasks.push({
					done: false,
					text: this.newTask
				});
				
				this.newTask = null;
			}
		},
		computed: {
			completedTasks() {
				return this.tasks.filter(task => task.done).length;
			},
			progress() {
				return this.completedTasks / this.tasks.length * 100;
			},
			remainingTasks() {
				return this.tasks.length - this.completedTasks;
			}
		}
	})
	
})