Update thread.vue

components/i/library/thread.vue

@@ -26,7 +26,7 @@
                 <span>52 分钟前</span>
             </div>
         </div>
-        <div class="flex">
+        <div class="flex gap-4">
             <UButton
                 :ui="{ rounded: 'rounded-full' }"
                 to="/library/123"
@@ -34,10 +34,42 @@
                 size="2xs"
                 label="前端开发"
             />
+            <UTooltip text="添加到收藏">
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    size="2xs"
+                    icon="i-heroicons-plus"
+                />
+            </UTooltip>
+            <UDropdown class="flex flex-grow" :items="actionItems">
+                <UButton
+                    color="gray"
+                    variant="ghost"
+                    size="2xs"
+                    icon="i-heroicons-ellipsis-horizontal"
+                />
+            </UDropdown>
         </div>
     </div>
     <UDivider />
 </template>
 <script setup>
 const textColor = 'text-gray-500 dark:text-gray-400'
+const actionItems = [
+    [
+        {
+            label: '更改集合',
+            icon: 'i-heroicons-squares-plus'
+        },
+        {
+            label: '从收藏中移除',
+            icon: 'i-heroicons-x-mark'
+        },
+        {
+            label: '删除帖子',
+            icon: 'i-heroicons-trash'
+        }
+    ]
+]
 </script>
\ No newline at end of file