wheat

LGTM, only thing I think is maybe there could be a better name for it although I can't think of one myself 😅

```ts nextTick(() => { materialRefs.value.forEach((itemRef) => { useDragIntoElement(itemRef, dropElement, { onDrop({ left, top }) { elements.value.push({ name: unref(itemRef)?.innerText, left, top, }) nextTick(() => { const index = refs.value.length - 1...

Seems like this is already covered by https://vueuse.org/core/useBrowserLocation/?

How does this differ from just using `position: sticky`?

I wonder if we want to use an event hook instead of an option for `onFinish` and `onChange`. Tbh I'm not sure when it is better to use one over...

A couple of thoughts: 1. This seems a little specific, I think we would probably want something more generic that would accept more elements. 2. If we did add this...

Hmm, I'm not really sure about this. Currently the API seems too specific. I think maybe we should either narrow down the function name to something like `useImageLazyLoad` or generalize...

With the component usage it would be possible to use another image as a placeholder. It could be implemented in a manner of ways such as ```html ```

I think any changes to other composables(e.g. useMouseInElement) should be done in separate PRs

It would be best to open up the other PRs and just make a note of it in this one that it depends on the other PRs. Once those are...