feat: add titles to icon-only buttons

resources/ts/components/TaskItem.vue

@@ -1,5 +1,12 @@
 <script setup lang="ts">
-import { onBeforeMount, ref, watch, computed, defineAsyncComponent, nextTick } from "vue";
+import {
+    onBeforeMount,
+    ref,
+    watch,
+    computed,
+    defineAsyncComponent,
+    nextTick,
+} from "vue";
 import type { Task } from "@/types";
 import { CopyIcon, TrashIcon, SaveIcon, XIcon } from "@lucide/vue";
 import { updateTask } from "@/api/tasks";
@@ -151,7 +158,11 @@ watch(task, () => {
         <template v-else>
             <div class="list-col-grow flex flex-col gap-2">
                 <div class="flex justify-evenly">
-                    <button class="btn btn-square me-1" @click="onClose">
+                    <button
+                        class="btn btn-square me-1"
+                        :title="$t('cancel_button')"
+                        @click="onClose"
+                    >
                         <x-icon />
                     </button>
                     <button
@@ -159,14 +170,23 @@ watch(task, () => {
                         :class="
                             editName.trim().length === 0 ? 'btn-disabled' : ''
                         "
+                        :title="$t('save_button')"
                         @click="onSave"
                     >
                         <save-icon />
                     </button>
-                    <button class="btn btn-square me-1" @click="onClone">
+                    <button
+                        class="btn btn-square me-1"
+                        :title="$t('clone_button')"
+                        @click="onClone"
+                    >
                         <copy-icon />
                     </button>
-                    <button class="btn btn-square" @click="onDelete">
+                    <button
+                        class="btn btn-square"
+                        :title="$t('delete_button')"
+                        @click="onDelete"
+                    >
                         <trash-icon />
                     </button>
                 </div>