useIDBKeyval demo on the docs page not working

[WORMSS]

Describe the bug

Step 1) Load up the page for useIDBKeyval in the vueuse docs Step 2) observe the location of the demo shows RangeError: Maximum call stack size exceeded

Reproduction

https://vueuse.org/integrations/useIDBKeyval/

System Info

I don't know what your doc's environment is

Used Package Manager

npm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[onmax]

I think YAML.dump is the cause of this issue.

That function is used twice in the demo, but I think the problem is when it is used in the array

I moved the demo to the Playground and removing the use of stringify seems to work.

Now I'm not sure what the best solution to this problem is:

Playground

[ilyaliao]

I think we can close this issue now!