Skip to content

Releases: oumoussa98/vue3-infinite-loading

v1.3.2

26 Aug 23:50
Compare
Choose a tag to compare

What's Changed

  • Fix final load jump when top is true by @lanmaster53 #71
  • Fix potential for duplicate observers activation by @fukasawah #79
  • Fix calling observe on null values #85

New Contributors

Full Changelog: 1.3.1...1.3.2

v1.3.1

21 Jul 23:32
Compare
Choose a tag to compare

Migrated to typescript 🚀 #31

The project has been successfully migrated to TypeScript, providing improved type checking and overall code maintainability.

Improvements ⚡

  • You can now safely use DOM refs for target prop
    the component waits for async updates using nextTick to ensure that the passed element is mounted in the actual DOM

Fixes

  • Intersection issues caused by 0px height #58
    A minimum height of 1px has been added to the infinite wrapper div to resolve these issues

What's Changed

  • Updated ESLint config
  • Updated docs according to the new API changes
  • Used the new import types support in macros and defineEmits syntax introduced in Vue 3.3

Full Changelog: 1.2.1...1.3.1

v1.2.2

10 Nov 16:50
Compare
Choose a tag to compare

Bug Fixes

  • Multiple components on the same page issue, caused by a shared observer variable between instances (#45 ) (#46) (b59aa3b)
  • Top direction loading bug, fixed by capturing the scrollHeight just before triggering infinite event, and update it just after vue's nextTick
    (#48 ) (b5e3c4b)

v1.2.1

05 Aug 15:47
Compare
Choose a tag to compare

Bug Fixes

v1.2.0

28 Jul 23:52
4d9380a
Compare
Choose a tag to compare

🔖 Use intersection observer API

From MDN, The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.

Improvements ⚡

  • use intersection observer API instead of scroll event

breaking changes 💥

  • firstLoad prop is renamed to firstload

What's Changed

  • use npm workspaces
  • use Vite Glob Import to dynamicly import the component for demo test #35