From 9d62381d038509c7ec9075a071937451ef5ca86e Mon Sep 17 00:00:00 2001
From: mattyatea <mattyatea@pm.me>
Date: Thu, 1 Feb 2024 00:06:46 +0900
Subject: [PATCH] fix: expanded

---
 .../src/components/MkFoldableSection.vue      |  1 -
 packages/frontend/src/pages/admin/roles.vue   | 20 +++++++++----------
 .../src/pages/settings/avatar-decoration.vue  |  2 +-
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/components/MkFoldableSection.vue b/packages/frontend/src/components/MkFoldableSection.vue
index 5598f7ac8d..453a33dbf5 100644
--- a/packages/frontend/src/components/MkFoldableSection.vue
+++ b/packages/frontend/src/components/MkFoldableSection.vue
@@ -49,7 +49,6 @@ const props = withDefaults(defineProps<{
 const rootEl = shallowRef<HTMLDivElement>();
 const bg = ref<string>();
 const showBody = ref((props.persistKey && miLocalStorage.getItem(`${miLocalStoragePrefix}${props.persistKey}`)) ? (miLocalStorage.getItem(`${miLocalStoragePrefix}${props.persistKey}`) === 't') : props.expanded);
-
 watch(showBody, () => {
 	if (props.persistKey) {
 		miLocalStorage.setItem(`${miLocalStoragePrefix}${props.persistKey}`, showBody.value ? 't' : 'f');
diff --git a/packages/frontend/src/pages/admin/roles.vue b/packages/frontend/src/pages/admin/roles.vue
index d06ee74aeb..ec817ccbf0 100644
--- a/packages/frontend/src/pages/admin/roles.vue
+++ b/packages/frontend/src/pages/admin/roles.vue
@@ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<template #caption>{{ i18n.ts._role._options.descriptionOfRateLimitFactor }}</template>
 							</MkRange>
 						</MkFolder>
-						<MkFoldableSection :defaultOpen="false">
+						<MkFoldableSection :expanded="false">
 							<template #header>タイムライン系</template>
 							<MkFolder v-if="matchQuery([i18n.ts._role._options.gtlAvailable, 'gtlAvailable'])" class="_margin">
 								<template #label>{{ i18n.ts._role._options.gtlAvailable }}</template>
@@ -41,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkSwitch>
 							</MkFolder>
 						</MkFoldableSection>
-						<MkFoldableSection :defaultOpen="false">
+						<MkFoldableSection :expanded="false">
 							<template #header>ノート系</template>
 							<MkFolder v-if="matchQuery([i18n.ts._role._options.canPublicNote, 'canPublicNote'])" class="_margin">
 								<template #label>{{ i18n.ts._role._options.canPublicNote }}</template>
@@ -88,7 +88,7 @@ SPDX-License-Identifier: AGPL-3.0-only
                                 </MkInput>
                             </MkFolder>
 						</MkFoldableSection>
-						<MkFoldableSection :defaultOpen="false">
+						<MkFoldableSection :expanded="false">
 							<template #header>招待系</template>
 							<MkFolder v-if="matchQuery([i18n.ts._role._options.canInvite, 'canInvite'])">
 								<template #label>{{ i18n.ts._role._options.canInvite }}</template>
@@ -120,7 +120,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkInput>
 							</MkFolder>
 						</MkFoldableSection>
-						<MkFoldableSection :defaultOpen="false">
+						<MkFoldableSection :expanded="false">
 							<template #header>PrisMisskey独自機能系</template>
 							<MkFolder v-if="matchQuery([i18n.ts._role._options.emojiPickerProfileLimit, 'pickerProfileDefault'])" class="_margin">
 								<template #label>{{ i18n.ts._role._options.emojiPickerProfileLimit }}</template>
@@ -142,7 +142,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</MkInput>
 							</MkFolder>
 						</MkFoldableSection>
-                        <MkFoldableSection :defaultOpen="false">
+                        <MkFoldableSection :expanded="false">
                             <template #header>カスタム絵文字系</template>
                             <MkFolder v-if="matchQuery([i18n.ts._role._options.canManageCustomEmojis, 'canManageCustomEmojis'])" class="_margin">
                                 <template #label>{{ i18n.ts._role._options.canManageCustomEmojis }}</template>
@@ -160,7 +160,7 @@ SPDX-License-Identifier: AGPL-3.0-only
                                 </MkSwitch>
                             </MkFolder>
                         </MkFoldableSection>
-                        <MkFoldableSection :defaultOpen="false">
+                        <MkFoldableSection :expanded="false">
                             <template #header>ドライブ、ファイル系</template>
                             <MkFolder v-if="matchQuery([i18n.ts._role._options.driveCapacity, 'driveCapacityMb'])" class="_margin">
                                 <template #label>{{ i18n.ts._role._options.driveCapacity }}</template>
@@ -178,7 +178,7 @@ SPDX-License-Identifier: AGPL-3.0-only
                                 </MkSwitch>
                             </MkFolder>
                         </MkFoldableSection>
-                        <MkFoldableSection :defaultOpen="false">
+                        <MkFoldableSection :expanded="false">
                             <template #header>アイコンデコレーション系</template>
                             <MkFolder v-if="matchQuery([i18n.ts._role._options.canManageAvatarDecorations, 'canManageAvatarDecorations'])" class="_margin">
                                 <template #label>{{ i18n.ts._role._options.canManageAvatarDecorations }}</template>
@@ -194,7 +194,7 @@ SPDX-License-Identifier: AGPL-3.0-only
                                 </MkInput>
                             </MkFolder>
                         </MkFoldableSection>
-                        <MkFoldableSection :defaultOpen="false">
+                        <MkFoldableSection :expanded="false">
                             <template #header>クリップ系</template>
                             <MkFolder v-if="matchQuery([i18n.ts._role._options.clipMax, 'clipLimit'])" class="_margin">
                                 <template #label>{{ i18n.ts._role._options.clipMax }}</template>
@@ -210,7 +210,7 @@ SPDX-License-Identifier: AGPL-3.0-only
                                 </MkInput>
                             </MkFolder>
                         </MkFoldableSection>
-                        <MkFoldableSection :defaultOpen="false">
+                        <MkFoldableSection :expanded="false">
                             <template #header>リスト系</template>
                             <MkFolder v-if="matchQuery([i18n.ts._role._options.userListMax, 'userListLimit'])" class="_margin">
                                 <template #label>{{ i18n.ts._role._options.userListMax }}</template>
@@ -226,7 +226,7 @@ SPDX-License-Identifier: AGPL-3.0-only
                                 </MkInput>
                             </MkFolder>
                         </MkFoldableSection>
-                        <MkFoldableSection :defaultOpen="false">
+                        <MkFoldableSection :expanded="false">
                             <template #header>その他</template>
                             <MkFolder v-if="matchQuery([i18n.ts._role._options.antennaMax, 'antennaLimit'])" class="_margin">
                                 <template #label>{{ i18n.ts._role._options.antennaMax }}</template>
diff --git a/packages/frontend/src/pages/settings/avatar-decoration.vue b/packages/frontend/src/pages/settings/avatar-decoration.vue
index 39766978fc..4d039d5d9b 100644
--- a/packages/frontend/src/pages/settings/avatar-decoration.vue
+++ b/packages/frontend/src/pages/settings/avatar-decoration.vue
@@ -39,7 +39,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			/>
 		</div>
 		<div v-for="category in categories">
-			<MkFoldableSection :defaultOpen="false">
+			<MkFoldableSection :expanded="false">
 				<template #header> {{ (category !== '') ? category : i18n.ts.other }}</template>
 				<div :class="$style.decorations">
 					<div v-for="avatarDecoration in avatarDecorations.filter(ad => ad.category === category)">