Local parallax, using local mouse coordinates instead of window one.

[emavitta]

Description

I added multiple scenes to one pages and added multiple <MouseParallax/>component.
Problem is, the ones after the first on top of tha page, had strange behaviour due to the fact that the component uses the position of the mouse in windows, not on the object.
IIt may be useful to add a prop to let the component use its local position instead.
Also it could be nice to add the possibilities to configure also the scrolloption of useMouse

I never proposed nor pushed PR to OSS and i really would like to start, and this seems something easy (i already reimplemented it in a project)...

Suggested solution

in MouseParallax.vue add a local boolean prop that then pass the option of the target to useMouse()
The prop should also enable useElementSize() as the source for widthand height instead of useWindowSize().

Alternative

No response

Additional context

No response

Validations

• I agree to follow this project's Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[JaimeTorrealba]

I Love the Idea, PRs is welcome.

If any doubt about the process please feel free to ask me, also, please read the contribution guide first :D

Is it ok if I assign you here, right?

[emavitta]

Yes please, assign it to me!
I'll contact with you if i enconunter some problem... thanks!

[JaimeTorrealba]

Close by #402