fix: keyがついていない箇所全てを修正

This commit is contained in:
kakkokari-gtyih
2026-02-16 19:29:25 +09:00
parent 38a000c904
commit 7f4d90feea
8 changed files with 8 additions and 6 deletions

View File

@@ -14,6 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<template #default="{ item }">
<div
:key="item.id"
:class="$style.file"
role="button"
tabindex="0"

View File

@@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
group="roleFormula"
>
<template #default="{ item, dragStart }">
<div :class="$style.item">
<div :key="item.id" :class="$style.item">
<!-- divが無いとエラーになる https://github.com/SortableJS/vue.draggable.next/issues/189 -->
<RolesEditorFormula
:modelValue="item"

View File

@@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only
manualDragStart
>
<template #default="{ item, index, dragStart }">
<div :class="$style.item">
<div :key="item.id" :class="$style.item">
<div :class="$style.itemHeader">
<div :class="$style.itemNumber">{{ index + 1 }}</div>
<span :class="$style.itemHandle" :draggable="true" @dragstart.stop="dragStart"><i class="ti ti-menu"></i></span>

View File

@@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@update:modelValue="v => pinnedNoteIds = v.map(x => x.id)"
>
<template #default="{ item }">
<div :class="$style.pinnedNote">
<div :key="item.id" :class="$style.pinnedNote">
<button class="_button" :class="$style.pinnedNoteHandle"><i class="ti ti-menu"></i></button>
{{ item.id }}
<button class="_button" :class="$style.pinnedNoteRemove" @click="removePinnedNote(item.id)"><i class="ti ti-x"></i></button>

View File

@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@update:modelValue="v => emit('update:modelValue', v)"
>
<template #default="{ item }">
<div>
<div :key="item.id">
<!-- divが無いとエラーになる https://github.com/SortableJS/vue.draggable.next/issues/189 -->
<component :is="getComponent(item.type) as any" :modelValue="item" @update:modelValue="updateItem" @remove="() => removeItem(item)"/>
</div>

View File

@@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@update:modelValue="v => emojis = v.map(x => x.emoji)"
>
<template #default="{ item }">
<button class="_button" :class="$style.emojisItem" @click="remove(item.emoji, $event)">
<button :key="item.id" class="_button" :class="$style.emojisItem" @click="remove(item.emoji, $event)">
<!-- pointer-eventsをnoneにしておかないとiOSなどでドラッグしたときに画像の方に判定が持ってかれる -->
<MkCustomEmoji v-if="item.emoji[0] === ':'" style="pointer-events: none;" :name="item.emoji" :normal="true" :fallbackToImage="true"/>
<MkEmoji v-else style="pointer-events: none;" :emoji="item.emoji" :normal="true"/>

View File

@@ -16,6 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #default="{ item }">
<div
v-if="item.type === '-' || navbarItemDef[item.type]"
:key="item.id"
:class="$style.item"
>
<button class="_button" :class="$style.itemHandle"><i class="ti ti-menu"></i></button>

View File

@@ -82,7 +82,7 @@ SPDX-License-Identifier: AGPL-3.0-only
manualDragStart
>
<template #default="{ item, dragStart }">
<div v-panel :class="$style.fieldDragItem">
<div :key="item.id" v-panel :class="$style.fieldDragItem">
<button v-if="!fieldEditMode" class="_button" :class="$style.dragItemHandle" tabindex="-1" :draggable="true" @dragstart.stop="dragStart"><i class="ti ti-menu"></i></button>
<button v-if="fieldEditMode" :disabled="fields.length <= 1" class="_button" :class="$style.dragItemRemove" @click="deleteField(item.id)"><i class="ti ti-x"></i></button>
<div :class="$style.dragItemForm">