Update dependencies (#40)

src/components/global/easymde.vue

@@ -12,7 +12,10 @@
             VueEasymde
         },
         props: {
-            value: '',
+            value: {
+                type: String,
+                default: '',
+            },
         },
         data() {
             return {

src/components/sharing/userTeam.vue

@@ -128,10 +128,22 @@
 	export default {
 		name: 'userTeamShare',
 		props: {
-			type: '',
-			shareType: '',
-			id: 0,
-			userIsAdmin: false,
+			type: {
+				type: String,
+				default: '',
+			},
+			shareType: {
+				type: String,
+				default: '',
+			},
+			id: {
+				type: Number,
+				default: 0,
+			},
+			userIsAdmin: {
+				type: Boolean,
+				default: false,
+			},
 		},
 		data() {
 			return {

src/components/tasks/ShowTasks.vue

@@ -8,7 +8,7 @@
 		</template>
 		<div class="spinner" :class="{ 'is-loading': taskService.loading}"></div>
 		<div class="tasks" v-if="tasks && tasks.length > 0">
-			<div @click="gotoList(l.listID)" class="task" v-for="l in tasks" :key="l.id" v-if="!l.done">
+			<div @click="gotoList(l.listID)" class="task" v-for="l in undoneTasks" :key="l.id">
 				<label :for="l.id">
 					<div class="fancycheckbox">
 						<input type="checkbox" :id="l.id" :checked="l.done" style="display: none;" disabled>
@@ -56,6 +56,11 @@
 			this.taskService = new TaskService()
 			this.loadPendingTasks()
 		},
+		computed: {
+			undoneTasks: function () {
+				return this.tasks.filter(t => !t.done)
+			}
+		},
 		methods: {
 			loadPendingTasks() {
 				let params = {sort_by: 'due_date_unix', order_by: 'desc'}

src/components/tasks/TaskDetailView.vue

@@ -252,14 +252,12 @@
 	import ListModel from '../../models/list'
 	import NamespaceModel from '../../models/namespace'
 
-	import PriorityLabel from './reusable/priorityLabel'
 	import priorites from '../../models/priorities'
 
 	import flatPickr from 'vue-flatpickr-component'
 	import 'flatpickr/dist/flatpickr.css'
 	import PrioritySelect from './reusable/prioritySelect'
 	import PercentDoneSelect from './reusable/percentDoneSelect'
-	import Easymde from '../global/easymde'
 	import EditLabels from './reusable/editLabels'
 	import EditAssignees from './reusable/editAssignees'
 	import Attachments from './reusable/attachments'
@@ -276,10 +274,8 @@
 			Attachments,
 			EditAssignees,
 			EditLabels,
-			Easymde,
 			PercentDoneSelect,
 			PrioritySelect,
-			PriorityLabel,
 			flatPickr,
 		},
 		data() {

src/components/tasks/edit-task.vue

@@ -137,7 +137,6 @@
 	import message from '../../message'
 	import flatPickr from 'vue-flatpickr-component'
 	import 'flatpickr/dist/flatpickr.css'
-	import multiselect from 'vue-multiselect'
 	import verte from 'verte'
 	import 'verte/dist/verte.css'
 
@@ -185,7 +184,6 @@
 			PercentDoneSelect,
 			PrioritySelect,
 			flatPickr,
-			multiselect,
 			verte,
 		},
 		props: {

src/components/tasks/reusable/editAssignees.vue

@@ -18,7 +18,7 @@
 			select-label="Assign this user"
 			:showNoOptions="false"
 		>
-		<template slot="tag" slot-scope="{ option, remove }">
+		<template slot="tag" slot-scope="{ option }">
 			<user :user="option" :show-username="false" :avatar-size="30"/>
 			<a @click="removeAssignee(option)" class="remove-assignee">
 				<icon icon="times"/>

src/components/tasks/reusable/editLabels.vue

@@ -20,7 +20,7 @@
 			@tag="createAndAddLabel"
 			tag-placeholder="Add this as new label"
 	>
-		<template slot="tag" slot-scope="{ option, remove }">
+		<template slot="tag" slot-scope="{ option }">
 						<span class="tag"
 							:style="{'background': option.hex_color, 'color': option.textColor}">
 							<span>{{ option.title }}</span>

src/components/tasks/reusable/relatedTasks.vue

@@ -40,20 +40,22 @@
 			</div>
 		</div>
 
-		<div class="related-tasks" v-for="(rts, kind ) in relatedTasks" :key="kind" v-if="rts.length > 0">
-			<span class="title">{{ relationKinds[kind] }}</span>
-			<div class="tasks noborder">
-				<div class="task" v-for="t in rts" :key="t.id">
-					<router-link :to="{ name: 'taskDetailView', params: { id: t.id } }">
-						<span class="tasktext" :class="{ 'done': t.done}">
-							{{t.text}}
-						</span>
-					</router-link>
-					<a class="remove" @click="() => {showDeleteModal = true; relationToDelete = {relation_kind: kind, other_task_id: t.id}}">
-						<icon icon="trash-alt"/>
-					</a>
+		<div class="related-tasks" v-for="(rts, kind ) in relatedTasks" :key="kind">
+			<template v-if="rts.length > 0">
+				<span class="title">{{ relationKinds[kind] }}</span>
+				<div class="tasks noborder">
+					<div class="task" v-for="t in rts" :key="t.id">
+						<router-link :to="{ name: 'taskDetailView', params: { id: t.id } }">
+							<span class="tasktext" :class="{ 'done': t.done}">
+								{{t.text}}
+							</span>
+						</router-link>
+						<a class="remove" @click="() => {showDeleteModal = true; relationToDelete = {relation_kind: kind, other_task_id: t.id}}">
+							<icon icon="trash-alt"/>
+						</a>
+					</div>
 				</div>
-			</div>
+			</template>
 		</div>
 		<p v-if="showNoRelationsNotice && Object.keys(relatedTasks).length === 0" class="none">No task relations yet.</p>