v3.0.0: The one with Vue 3

It was about time this library supported Vue 3! And now it does!

The props/events of the component have stayed identical, so whenever you're ready to go to Vue 3, this component should just work™.

• BREAKING: Dropped support for Vue 2. But you can stay on vue-slide-up-down@2 for as long as you want. I promise, I won't tell anyone.
• BREAKING: I removed the microbundle build step, so now you're simply getting one JavaScript file, written in ESM. If you use Vite, I think you won't notice anything. If you relied on the CommonJS or UMD bundles, I'm very sorry for the churn, but I have personally never needed them and don't want to support them anymore.
• Full Changelog: v2.0.1...v3.0.0

v2.0.1

We now check if the transition target is the container itself. This avoids sending unecessary/incorrect open-end / close-end events. Thanks to @tincann for the great reproduction in #33! ❤️

v2.0.0...v2.0.1

v2.0.0

From this release on, we'll add a hidden attribute if the vue-slide-up-down element is closed (aka if active === false). This is a major release because it breaks backwards compatibility, but only if you relied on the vue-slide-up-down element not having a hidden attribute. See the README.md for more info.

Big huge thanks to @martyf for doing like 99% of the work and for also adding a lot of functionality to the demo!

v.1.7.0

This release includes two new things, courtesy of the PR by @GabrielMahan:

• Events! open-start, open-end, close-start and close-end are now at your disposal!
• Accessiblity! The hidden attribute will now be set if your element is inactive.

v1.5.0

VueSlideUpDown will now remove the style attributes (especially height) after finishing the animation, so you can have content that changes height. This should basically resolve every problem anybody has ever had with this package.

This also removed the layout method because it's not needed anymore.

v1.4.0: Completely off the hook

Added a direct accessor el for the internal $refs.container, so you can add hooks and event listeners as you please. Read more in the README.

Thanks for using VueSlideUpDown, it's been an incredible journey so far.

v1.3.0

Added a new prop tag to define which HTML tag to use for the wrapper element. (Defaults to div.)

v1.2.0

Made sure to not animate the first render if :show="true", because that looked weird.

Thanks to @madsleejensen for the inspiration!

v1.1.0

• Added an event handler to rerender the component on window resize.