edit title

src/components/IssueDetails.vue

@@ -7,6 +7,7 @@ import type { Issue } from '@/api/issue.api.ts'
 import StatusMenu from '@/components/StatusMenu.vue'
 import AssigneeMenu from '@/components/AssigneeMenu.vue'
 import ReporterInfo from '@/components/ReporterInfo.vue'
+import IssueTitle from '@/components/IssueTitle.vue'
 
 interface Props {
   ckey: string
@@ -40,6 +41,15 @@ async function fetch() {
 
 watchEffect(async () => fetch())
 
+const onTitleChanged = async (title: string) => {
+  if (!issue.value) return
+  const updated = await issueStore.update(issue.value.id, { title })
+  if (updated) {
+    issue.value = updated
+    emit('assigneeChanged', updated)
+  }
+}
+
 const onContentChanged = async (content: string) => {
   if (!issue.value) return
   const updated = await issueStore.update(issue.value.id, { content })
@@ -78,7 +88,8 @@ defineExpose({
 <template>
   <div v-if="issue" class="d-flex flex-column ga-4 pa-4">
     <div>{{ ckey }}</div>
-    <div class="text-uppercase text-title-large">{{ issue.title }}</div>
+
+    <issue-title :text="issue.title" @changed="onTitleChanged" />
 
     <v-card elevation="0" border>
       <v-card-text class="u-grid">