feat: show all parent projects in task detail view

src/views/tasks/TaskDetailView.vue

@@ -14,9 +14,12 @@
 				ref="heading"
 			/>
 			<h6 class="subtitle" v-if="project?.id">
-				<router-link :to="{ name: 'project.index', params: { projectId: project.id } }">
+				<template v-for="p in getAllParentProjects(project)">
-					{{ getProjectTitle(project) }}
+					<router-link :to="{ name: 'project.index', params: { projectId: p.id } }">
-				</router-link>
+						{{ getProjectTitle(p) }}
+					</router-link>
+					<span class="has-text-grey-light" v-if="p.id !== project.id"> &gt; </span>
+				</template>
 			</h6>
 
 			<checklist-summary :task="task"/>
@@ -781,6 +784,19 @@ async function setPercentDone(percentDone: number) {
 		task: newTask,
 	})
 }
+
+function getAllParentProjects(project: IProject): IProject[] {
+	let parents = []
+	if (project.parentProjectId) {
+		const parentProject = projectStore.getProjectById(project.parentProjectId)
+		parents = getAllParentProjects(parentProject)
+	}
+	
+	return [
+		...parents,
+		project,
+	]
+}
 </script>
 
 <style lang="scss" scoped>