From f8900121790f199f4731987fedbaefc132323e00 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 15 Apr 2023 19:36:31 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(app)=20add=20custom=20title=20when?=
 =?UTF-8?q?=20recording?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/record/components/TaskRecord.vue |  3 +++
 src/shared/useLoopyTitle.ts                  | 16 ++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 src/shared/useLoopyTitle.ts

diff --git a/src/modules/record/components/TaskRecord.vue b/src/modules/record/components/TaskRecord.vue
index c830412..e211f6b 100644
--- a/src/modules/record/components/TaskRecord.vue
+++ b/src/modules/record/components/TaskRecord.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useTaskStore } from '@/modules/task/stores/useTask.store'
 import { formatLongDate } from '@/shared/format-date'
+import { useLoopyTitle } from '@/shared/useLoopyTitle'
 import { computed } from 'vue'
 import { useTaskRecordMetadata } from '../hooks/useTaskRecordMetadata'
 import { useTaskRecordStore } from '../stores/useTaskRecordStore'
@@ -20,6 +21,8 @@ recordStore.addRecord(props.taskId, props.recordId)
 
 const task = computed(() => taskStore.getTask(props.taskId))
 
+useLoopyTitle(task.value?.title ?? '')
+
 const record = computed(() => recordStore.getTaskRecord(props.recordId))
 const recordNotes = computed(() => recordStore.getRecordNotes(props.recordId))
 const { duration } = useTaskRecordMetadata(record)
diff --git a/src/shared/useLoopyTitle.ts b/src/shared/useLoopyTitle.ts
new file mode 100644
index 0000000..4c8221c
--- /dev/null
+++ b/src/shared/useLoopyTitle.ts
@@ -0,0 +1,16 @@
+import { useTitle } from '@vueuse/core'
+import { onUnmounted } from 'vue'
+
+export const useLoopyTitle = (title: string) => {
+  if (title) {
+    useTitle(title, {
+      titleTemplate: '%s | Loopycode'
+    })
+  } else {
+    useTitle('Loopycode')
+  }
+
+  onUnmounted(() => {
+    useTitle('Loopycode')
+  })
+}