Accordion on generate page
This commit is contained in:
32
src/components/AccordionItem.vue
Normal file
32
src/components/AccordionItem.vue
Normal 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>
|
||||
@@ -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");
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user