Fixed #5643 - Reimplement: Accordion

components/lib/accordionpanel/AccordionPanel.vue

@@ -0,0 +1,40 @@
+<template>
+    <component v-if="!asChild" :is="as" v-ripple :class="cx('root')" v-bind="attrs">
+        <slot></slot>
+    </component>
+    <slot v-else :class="cx('root')" :active="active" :a11yAttrs="a11yAttrs"></slot>
+</template>
+
+<script>
+import { mergeProps } from 'vue';
+import BaseAccordionPanel from './BaseAccordionPanel.vue';
+
+export default {
+    name: 'AccordionPanel',
+    extends: BaseAccordionPanel,
+    inheritAttrs: false,
+    inject: ['$pcAccordion'],
+    computed: {
+        active() {
+            return this.$pcAccordion.isItemActive(this.value);
+        },
+        attrs() {
+            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));
+        },
+        a11yAttrs() {
+            return {
+                'data-pc-name': 'accordionpanel',
+                'data-p-disabled': this.disabled,
+                'data-p-active': this.active
+            };
+        },
+        ptParams() {
+            return {
+                context: {
+                    active: this.active
+                }
+            };
+        }
+    }
+};
+</script>