v2.5.0: Improve compatibility

What's Changed

• allow to use the scrolling container inside a div
• child elements now have a class to target them
• fix warning on component name

New Contributors

• @gaodeng made their first contribution in #26

Full Changelog: v2.4.0...v2.5.0

v2.4.0: Migrate to Vite builder

/!\ Potential breaking changes in the import of the module.

As vuecli is deprecated, this version uses Vite to build the library. This is the first step into Vue3 migration.

TS types are also included in this release.

Some additional fixes are coming along.

Kudos to those useful resources:

• https://vueschool.io/articles/vuejs-tutorials/how-to-migrate-from-vue-cli-to-vite/
• https://vitejs.dev/guide/build.html#library-mode
• https://jivancic.com/posts/build-a-component-library.html

v2.3.0: Better infinite scroll rendering

• Infinite scroll is no more stuck on big screens and also more reliable when resizing windows.
• Dependencies have been updated.

Events handler for children

New feature:

• Grid now supports any events attached to it and will pass them to its children components.

New interface and loader

Breaking changes:

• We don't handle storage of items list anymore, it should be passed as prop as of now. The updateFunction should now return a Promise that defines if the infinite scroll has reached the bottom.
• We don't handle the offset increment anymore, it should be done by the parent component.

New features:

• Loading component prop can be set to display a component when the updateFunction is still running.
• Debug prop can be set to display the debugging console logs.

Dependencies are up to date.

Bugfix

Bug fix for responsivity

More customization

Improvements:

• customize margin for infinite scroll trigger
• optional width to prevent height change
• resetGrid method to clear the grid

Async update of content

Breaking change:

• updateFunction is now async because it is likely you fetch the content asynchronously.

Improvements:

• faster rendering with computed vars

Improve customization

New features:

• customize even more the behavior of the grid by defining gaps, column number, windowing trigger...
• customize the injected parameters to fit your needs!

The Typescript support is also enhanced!

Initial Release

https://www.npmjs.com/package/vue-virtual-grid/v/1.0.1