From 07e660df012e0344a7be233e5e31470d8cee93d7 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 1 Jun 2026 20:28:21 +0900
Subject: [PATCH] Update MkWorldAvatarEditDialog.vue

---
 .../src/components/MkWorldAvatarEditDialog.vue      | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/frontend/src/components/MkWorldAvatarEditDialog.vue b/packages/frontend/src/components/MkWorldAvatarEditDialog.vue
index f9d6df0a5b..b8eeca315a 100644
--- a/packages/frontend/src/components/MkWorldAvatarEditDialog.vue
+++ b/packages/frontend/src/components/MkWorldAvatarEditDialog.vue
@@ -116,6 +116,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 							<MkFolder v-for="a in avatar.accessories" :key="a.id">
 								<template #label>{{ AVATAR_ACCESSORY_UI_DEFS[a.type].name }}</template>
+								<template #footer>
+									<MkButton v-tooltip="i18n.ts.detach" small rounded danger iconOnly @click="removeAccessory(a.id)"><i class="ti ti-trash"></i></MkButton>
+								</template>
+
 								<MkWorldMonoOptionsForm
 									:uiDef="AVATAR_ACCESSORY_UI_DEFS[a.type]"
 									:schema="getAccessorySchemaDef(a.type).options.schema"
@@ -265,6 +269,15 @@ async function addAccessory() {
 	updateAvatarOption();
 }
 
+function removeAccessory(id: string) {
+	const idx = avatar.value!.accessories.findIndex(a => a.id === id);
+	if (idx === -1) return;
+
+	avatar.value!.accessories.splice(idx, 1);
+
+	updateAvatarOption();
+}
+
 function ok() {
 	emit('ok', {
 		avatar: deepClone(avatar.value!),