[localStorage] SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

[CatchABus]

Describe the bug

In firefox, there are times when my local storage hits the limit.
This results in DOMException: The quota has been exceeded. error which is caught by cache-interceptor plugin.

When it's caught, plugin tries to free some space:

axios-cache-interceptor/src/storage/web-api.ts

Line 45 in f4f4be1

.map((item) => [item[0], JSON.parse(item[1]) as StorageValue]);

The issue here is I might have other values stored in localStorage and cache-interceptor will attempt to meddle with them at the location I mentioned above.
If I store a value like localStorage.set("mytheme", "dark");, plugin will attempt to call JSON.parse with "dark" as an argument.
This results in SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data.

This may not occur if I set a prefix for my storage.
My suggestion to avoiding this is to perhaps add a default prefix value to plugin.

- export function buildWebStorage(storage: Storage, prefix = '')
+ export function buildWebStorage(storage: Storage, prefix = 'axios-cache')

To Reproduce

Make sure localStorage gets full.

Expected behavior

Should not throw errors.

[arthurfiorette]

Shure, I let this without prefixes to avoid breaking changes.

But we've been working on v1.0 and it totally fits. Would you mind doing a PR?

[CatchABus]

Shure, I let this without prefixes to avoid breaking changes.

But we've been working on v1.0 and it totally fits. Would you mind doing a PR?

I did #425 which refers to this. Let me know if there is anything I can do from my side. ;)