feat(useCycleList): allow receiving reactive list

[hjJunior]

Description

Allow useCycleList to receive a "ref" list value, this will allow the cycle list to be reactive

Additional context

This also adds unit tests for useCycleList

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[chrisspiegl]

I just tested v10 beta and noticed that my previous normal array [] of list items did no longer work with the new update.

I then made my list a ref([]) and it did work again.

So, to me, this looks like a breaking change. And as it stands it only supports ref([]) and no longer supports standard arrays?

[antfu]

@chrisspiegl what do you mean "no longer work"? Can you add your usage to https://github.com/vueuse/vueuse/blob/b65c2ccdb7db7e3e54d9e7145aec4ed74fe4f855/packages/core/useCycleList/index.test.ts so we could see how we can fix it?

[chrisspiegl]

@antfu & @hjJunior, thank you for your reply and I will try my best to help describe/show the issue I ran into.

I updated the Cloned and adjusted the PlayCode example.

I learned two things while doing so:

• I am using useCycleList with an array of objects (sortOrders).
• Using an array of strings seems to work with both the @latest and @beta.
• With a `ref(sortOrders) with sortOrders being an array of objects it also works in both version.

Expectation:

An array of objets should also work when it is not a ref()? Just like the array of strings does.

Here is my example which does not work: https://playcode.io/1314120

Result:

It's not really a change which is different between v9 and v10… but it's something useCycleList wasn't able to do to begin with 🙈? But should be able to do (cycle through an array of objects).