Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Migrate renderless and simple filter components to composition API #1529

Merged
merged 17 commits into from
Jul 2, 2024

Conversation

andreadlgdo
Copy link
Contributor

@andreadlgdo andreadlgdo commented Jun 19, 2024

feat(simple-filter)!: migrate RenderlessFilter and SimpleFilter to composition API

BREAKING-CHANGE: use cssClasses prop to pass classes through the component in Vue 3 instead of class or :class when using RenderlessFilter or SimpleFilter components

Motivation and context

  • Dependencies. If any, specify:
  • Open issue. If applicable, link:

Type of change

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (fix or feature that causes existing functionality to not work as expected)
  • Change requires a documentation update

What is the destination branch of this PR?

  • Main
  • Other. Specify:

How has this been tested?

Tests performed according to testing guidelines:

Checklist:

  • My code follows the style guidelines of this project.
  • I have performed a self-review on my own code.
  • I have commented my code, particularly in hard-to-understand areas.
  • I have made corresponding changes to the documentation.
  • My changes generate no new warnings.
  • I have added tests that prove my fix is effective or that my feature works.
  • New and existing unit tests pass locally with my changes.

@andreadlgdo andreadlgdo self-assigned this Jun 19, 2024
@andreadlgdo andreadlgdo marked this pull request as ready for review June 24, 2024 08:08
@andreadlgdo andreadlgdo requested a review from a team as a code owner June 24, 2024 08:08
Comment on lines 77 to 79
const cssClasses = computed(() => ({
'x-simple-filter--is-selected': props.filter.selected
}));
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This could be done directly on the template.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This option doesn't work either.

Comment on lines 4 to 5
:class="cssClasses"
:clickEvents="_clickEvents"
:clickEvents="clickEventsEmit"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not having any effect on the Vue3 playground. Classes added by this component are not applied.

@andreadlgdo andreadlgdo requested a review from victorcg88 June 26, 2024 08:50
@diegopf diegopf merged commit 8d3a2f2 into main Jul 2, 2024
4 checks passed
@diegopf diegopf deleted the feat/EMP-4178-migrate-renderless-and-simple-filter branch July 2, 2024 09:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants