tag:github.com,2008:https://github.com/oumoussa98/vue3-infinite-loading/releases 2024-08-26T20:47:14Z tag:github.com,2008:Repository/412203544/1.3.2 2024-08-26T23:50:40Z <h2>What's Changed</h2> <ul> <li>Fix final load jump when top is true by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/lanmaster53/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/lanmaster53">@lanmaster53</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1854989369" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/71" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/71/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/71">#71</a></li> <li>Fix potential for duplicate observers activation by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/fukasawah/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/fukasawah">@fukasawah</a> <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1963967113" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/79" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/79/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/79">#79</a></li> <li>Fix calling observe on null values <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="2487665260" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/85" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/85/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/85">#85</a></li> </ul> <h2>New Contributors</h2> <ul> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/lanmaster53/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/lanmaster53">@lanmaster53</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1854989369" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/71" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/71/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/71">#71</a></li> <li><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/fukasawah/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/fukasawah">@fukasawah</a> made their first contribution in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1963967113" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/79" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/79/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/79">#79</a></li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/oumoussa98/vue3-infinite-loading/compare/1.3.1...1.3.2"><tt>1.3.1...1.3.2</tt></a></p> oumoussa98 tag:github.com,2008:Repository/412203544/1.3.1 2023-07-22T12:26:08Z <h1>Migrated to typescript 🚀 <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1318298427" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/31" data-hovercard-type="issue" data-hovercard-url="/oumoussa98/vue3-infinite-loading/issues/31/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/issues/31">#31</a></h1> <p>The project has been successfully migrated to TypeScript, providing improved type checking and overall code maintainability.</p> <h2>Improvements ⚡</h2> <ul> <li>You can now safely use DOM refs for <code>target</code> prop<br> the component waits for async updates using nextTick to ensure that the passed element is mounted in the actual DOM</li> </ul> <h2>Fixes</h2> <ul> <li>Intersection issues caused by 0px height <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1635603277" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/58" data-hovercard-type="issue" data-hovercard-url="/oumoussa98/vue3-infinite-loading/issues/58/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/issues/58">#58</a><br> A minimum height of 1px has been added to the infinite wrapper div to resolve these issues</li> </ul> <h2>What's Changed</h2> <ul> <li>Updated ESLint config</li> <li>Updated docs according to the new API changes</li> <li>Used the new import types support in macros and defineEmits syntax introduced in Vue 3.3</li> </ul> <p><strong>Full Changelog</strong>: <a class="commit-link" href="https://github.com/oumoussa98/vue3-infinite-loading/compare/1.2.1...1.3.1"><tt>1.2.1...1.3.1</tt></a></p> oumoussa98 tag:github.com,2008:Repository/412203544/1.3.0 2023-07-21T23:17:40Z <p>1.3.1</p> oumoussa98 tag:github.com,2008:Repository/412203544/1.2.2 2022-11-10T22:00:31Z <h2>Bug Fixes</h2> <ul> <li>Multiple components on the same page issue, caused by a shared <code>observer</code> variable between instances (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1435593947" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/45" data-hovercard-type="issue" data-hovercard-url="/oumoussa98/vue3-infinite-loading/issues/45/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/issues/45">#45</a> ) (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1442618569" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/46" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/46/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/46">#46</a>) (<a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/oumoussa98/vue3-infinite-loading/commit/b59aa3b216028e8bd859d8e8037ccdd1293be474/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/commit/b59aa3b216028e8bd859d8e8037ccdd1293be474"><tt>b59aa3b</tt></a>)</li> <li>Top direction loading bug, fixed by capturing the scrollHeight just before triggering infinite event, and update it just after <a href="https://vuejs.org/api/general.html#nexttick" rel="nofollow">vue's nextTick</a><br> (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1444163620" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/48" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/48/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/48">#48</a> ) (<a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/oumoussa98/vue3-infinite-loading/commit/b5e3c4bef5d5e852784211994226fd41b730699e/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/commit/b5e3c4bef5d5e852784211994226fd41b730699e"><tt>b5e3c4b</tt></a>)</li> </ul> oumoussa98 tag:github.com,2008:Repository/412203544/1.2.1 2022-08-05T15:47:22Z <h2>Bug Fixes</h2> <ul> <li>scrollTop typeError (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1322205524" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/36" data-hovercard-type="issue" data-hovercard-url="/oumoussa98/vue3-infinite-loading/issues/36/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/issues/36">#36</a>) (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1322279773" data-permission-text="Title is private" data-url="https://github.com/oumoussa98/vue3-infinite-loading/issues/37" data-hovercard-type="pull_request" data-hovercard-url="/oumoussa98/vue3-infinite-loading/pull/37/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/pull/37">#37</a>) (<a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/oumoussa98/vue3-infinite-loading/commit/baaf8895fc6fda20a9dd432806e3dfde7c22caa4/hovercard" href="https://github.com/oumoussa98/vue3-infinite-loading/commit/baaf8895fc6fda20a9dd432806e3dfde7c22caa4"><tt>baaf889</tt></a>)</li> </ul> oumoussa98 tag:github.com,2008:Repository/412203544/1.2.0 2022-08-07T15:50:11Z <h1>🔖 Use intersection observer API</h1> <p>From <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" rel="nofollow">MDN</a>, 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.</p> <h2>Improvements ⚡</h2> <ul> <li>use intersection observer API instead of scroll event</li> </ul> <h2>breaking changes 💥</h2> <ul> <li><code>firstLoad</code> prop is renamed to <code>firstload</code></li> </ul> <h2>What's Changed</h2> <ul> <li>use npm workspaces</li> <li>use <code>Vite Glob Import</code> to dynamicly import the component for demo test <a href="https://github.com/oumoussa98/vue3-infinite-loading/pull/35/commits/0ee8b7e6fe19b71a604356ed61f98a1ee682a096#diff-375da41b54978eec1a98fa918059d84d9f92b123e81a5b3dfac8b8086c3e194f">#35</a></li> </ul> oumoussa98