small fixes

src/components/IssueDetails.vue

@@ -14,6 +14,7 @@ import HistoryList from '@/components/HistoryList.vue'
 import SplitHandle from '@/components/SplitHandle.vue'
 import { useSplitPane } from '@/composables/useSplitPane.ts'
 import FileUpload from '@/components/FileUpload.vue'
+import PriorityMenu from '@/components/PriorityMenu.vue'
 
 interface Props {
   ckey: string
@@ -22,6 +23,7 @@ interface Props {
 const emit = defineEmits<{
   statusChanged: [issue: Issue]
   assigneeChanged: [issue: Issue]
+  priorityChanged: [issue: Issue]
   titleChanged: [issue: Issue]
   dueDateChanged: [issue: Issue]
 }>()
@@ -85,6 +87,16 @@ const onStatusChanged = async (status: Issue['status']) => {
   }
 }
 
+const onPriorityChanged = async (priority: Issue['priority']) => {
+  if (!issue.value) return
+
+  const updated = await issueStore.update(issue.value.id, { priority })
+  if (updated) {
+    issue.value = updated
+    emit('priorityChanged', updated)
+  }
+}
+
 const onAssigneeChanged = async (assignee: string) => {
   if (!issue.value) return
 
@@ -116,6 +128,9 @@ defineExpose({
           <div class="text-medium-emphasis">Status:</div>
           <status-menu :value="issue.status" @changed="onStatusChanged" />
 
+          <div class="text-medium-emphasis">Priority:</div>
+          <priority-menu :value="issue.priority" @changed="onPriorityChanged" />
+
           <div class="text-medium-emphasis">Reporter:</div>
           <reporter-info :user="issue.reporter" />
 

src/components/IssueTitle.vue

@@ -46,9 +46,9 @@ const cancel = () => {
     </template>
 
     <template v-else>
-      <v-text-field autofocus class="mb-1" hide-details v-model="draft" variant="outlined" />
+      <div class="d-flex ga-1 align-center">
+        <v-text-field autofocus class="mb-1" hide-details v-model="draft" variant="outlined" @keyup.enter="save" />
 
-      <div class="d-flex justify-end ga-1">
         <v-btn density="compact" icon variant="text" @click="cancel">
           <v-icon icon="mdi-cancel" />
         </v-btn>

src/components/StatusMenu.vue

@@ -33,6 +33,7 @@ const select = (value: unknown) => {
       <template v-slot:activator="{ props: activatorProps }">
         <v-btn
           slim
+          border
           :color="currentStatusColor"
           density="compact"
           variant="flat"

src/views/Issues/IssueView.vue

@@ -1,26 +1,11 @@
 <script setup lang="ts">
-import { ref, watchEffect } from 'vue'
-import { useIssueStore } from '@/stores/issue.ts'
 import IssueDetails from '@/components/IssueDetails.vue'
-import type { Issue } from '@/api/issue.api.ts'
 
 interface Props {
   ckey: string
 }
 
-const issueStore = useIssueStore()
-const issue = ref<Issue>()
-
 const { ckey } = defineProps<Props>()
-
-async function fetch() {
-  const res = await issueStore.getByKey(ckey)
-  if (!res) return
-
-  issue.value = res
-}
-
-watchEffect(async () => fetch())
 </script>
 
 <template>

src/views/Issues/IssuesListView.vue

@@ -292,6 +292,9 @@ async function onDeleteBatch() {
           :ckey="selected[0]"
           @status-changed="onIssueUpdated"
           @assignee-changed="onIssueUpdated"
+          @priority-changed="onIssueUpdated"
+          @title-changed="onIssueUpdated"
+          @due-date-changed="onIssueUpdated"
         />
       </v-sheet>
     </div>

src/views/calendar/CalendarView.vue

@@ -1,6 +1,14 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
+interface CalendarEvent {
+  name: string
+  start: Date | string | number
+  end?: Date | string | number
+  color?: string
+  timed?: boolean
+}
+
 const type = ref('month')
 const types = ['month', 'week', 'day', '4day']
 const mode = ref('stack')
@@ -13,19 +21,33 @@ const weekdays = [
   { title: 'Mon, Wed, Fri', value: [1, 3, 5] },
 ]
 const value = ref('')
-const events = ref([])
+const events = ref<CalendarEvent[]>([])
 const colors = ['blue', 'indigo', 'deep-purple', 'cyan', 'green', 'orange', 'grey-darken-1']
 const names = ['Meeting', 'Holiday', 'PTO', 'Travel', 'Event', 'Birthday', 'Conference', 'Party']
 
 function rnd(a: number, b: number) {
   return Math.floor((b - a + 1) * Math.random()) + a
 }
+
+function getEvents() {
+  events.value = [
+    {
+      name: 'test',
+      start: new Date('2026-10-09T13:41:45.213Z'),
+      end: new Date('2026-10-11T13:41:45.213Z'),
+      color: 'primary',
+      timed: true,
+    },
+  ]
+}
 </script>
 
 <template>
   <div>
     <v-sheet height="600">
-      <v-calendar></v-calendar>
+      <v-calendar format="24hr" type="month" first-day-of-week="1" @change="getEvents" :events="events">
+        <template #day> aaaa </template>
+      </v-calendar>
     </v-sheet>
   </div>
 </template>