Skip to content

AccordionHeader: Incorrect naming of icons in Volt component #8366

@wahpiangle

Description

@wahpiangle

Describe the bug

The icons of the AccordionHeader component are imported with incorrect naming:

import ChevronUpIcon from '@primevue/icons/chevrondown';
import ChevronDownIcon from '@primevue/icons/chevronup';

However, the component has no functional issues due to the rendering logic using the named icons incorrectly as well:

<ChevronDownIcon v-if="active" />
            <ChevronUpIcon v-else />

The up icon should be displayed when the accordion is active, but due to the incorrect import the component has no issues.

Pull Request Link

#8365

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-vtjgbxvz?file=src%2FApp.vue

Environment

MacOS 26.1

Vue version

3.5.18

PrimeVue version

4.3.7

Node version

22.17.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Use the AccordionHeader Volt component

Expected behavior

No change in behavior as this is a naming change

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions