Accordion on generate page

This commit is contained in:
2025-03-10 16:04:32 -05:00
parent c0930c4567
commit 2c06ae78b4
4 changed files with 84 additions and 30 deletions

View File

@@ -0,0 +1,32 @@
<script>
import { defineComponent } from "vue";
export default defineComponent({
computed: {
uid() {
return `accordion_item_${this.$.uid}`;
},
},
props: {
expanded: false,
},
});
</script>
<template>
<div class="accordion-item">
<h2 v-if="$slots.header" class="accordion-header">
<button class="accordion-button" :class="{collapsed: !expanded}"
type="button" data-bs-toggle="collapse" :data-bs-target="`#${uid}`"
:aria-expanded="expanded" :aria-controls="uid">
<slot name="header"></slot>
</button>
</h2>
<div :id="uid" class="accordion-collapse"
:class="{collapse: $slots.header, show: expanded}">
<div class="accordion-body">
<slot></slot>
</div>
</div>
</div>
</template>

View File

@@ -24,11 +24,10 @@ export default defineComponent({
|| (this.settings.boss_shuffle && this.settings.boss_shuffle != "vanilla");
},
dungeonItemsShuffled() {
return (this.settings.small_keys && this.settings.small_keys != "dungeons")
|| (this.settings.big_keys && this.settings.big_keys != "dungeons")
|| (this.settings.maps && this.settings.maps != "dungeons")
|| (this.settings.compasses && this.settings.compasses != "dungeons")
|| (this.settings.compasses && this.settings.compasses != "dungeons")
return (this.settings.small_keys && this.settings.small_keys != "dungeon")
|| (this.settings.big_keys && this.settings.big_keys != "dungeon")
|| (this.settings.maps && this.settings.maps != "dungeon")
|| (this.settings.compasses && this.settings.compasses != "dungeon")
|| (this.settings.prize_shuffle && this.settings.prize_shuffle != "vanilla");
}
},