Fix: Accordion default behaviour not collapsing when oclicking on other accordion header

LuKhei CHONG · LuKhei CHONG · commit cc53b6de8288 · 2021-11-18T12:07:42.000+08:00
diff --git a/src/components/BAccordion.vue b/src/components/BAccordion.vue
@@ -24,7 +24,7 @@ export default defineComponent({
     }))
 
     if (!props.free) {
-      provide(injectionKey, `#${computedId.value}`)
+      provide(injectionKey, `${computedId.value}`)
     }
 
     return {
diff --git a/src/components/BAccordionItem.vue b/src/components/BAccordionItem.vue
@@ -18,7 +18,7 @@
       :id="computedId"
       class="accordion-collapse"
       :visible="visible"
-      :parent="parent"
+      :accordion="parent"
       :aria-labelledby="`heading${computedId}`"
     >
       <div class="accordion-body">

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ export default defineComponent({`
`24`	`24`	`}))`
`25`	`25`
`26`	`26`	`if (!props.free) {`
`27`		- provide(injectionKey, `#${computedId.value}`)
	`27`	+ provide(injectionKey, `${computedId.value}`)
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`return {`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`:id="computedId"`
`19`	`19`	`class="accordion-collapse"`
`20`	`20`	`:visible="visible"`
`21`		`- :parent="parent"`
	`21`	`+ :accordion="parent"`
`22`	`22`	:aria-labelledby="`heading${computedId}`"
`23`	`23`	`>`
`24`	`24`	`<div class="accordion-body">`