Failed to execute 'setItem' on 'Storage': Setting the value of '136114546' exceeded the quota Vue

I am using Vue on the frontend of my Laravel application, the application is running really well on my local machine without any errors but on the server, there are some issues like click events not setting items. When I check the console, however, I get this error: Uncaught DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of '136114546' exceeded the quota. I found this Related Question where the answer is storage being full but I noticed that this error happens when someone is using chrome browser. Other browsers work quite well.

This is the code that causes that error:

canliDegisim() {
            $.each(app.canliData.predictions, function(index, pre) {
                if (window.localStorage.getItem(index)) {
                    var eski = parseFloat(window.localStorage.getItem(index));
                    var yeni = parseFloat(pre.odds);
                    if (eski < yeni) pre.degisim = "artan";
                    if (eski > yeni) pre.degisim = "azalan";
                    if (eski === yeni) pre.degisim = "sabit";
                }
                console.log(pre.odds.toString());
                window.localStorage.removeItem(index);
                window.localStorage.setItem(index, pre.odds.toString());
            });
        },