var app = new Vue({ el: '#app', data: { urlParams: {}, authors: [], books: [], series: [], authorsCount: 0, booksCount: 0, seriesCount: 0, q: '', which: 'all', all: false, perpage: 10 }, methods: { urlParse: function() { var match, pl = /\+/g, // Regex for replacing addition symbol with a space search = /([^&=]+)=?([^&]*)/g, decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); }, query = window.location.search.substring(1); while (match = search.exec(query)) this.urlParams[decode(match[1])] = decode(match[2]); }, sendQuery: function(url, error, success) { var xmh = new XMLHttpRequest(); var v; xmh.onreadystatechange = function() { v = xmh.responseText; if (xmh.readyState === 4 && xmh.status === 200) { var res; try { res = JSON.parse(v); } catch (err) { if (null !== error) error(err.name, err.message); } if (null !== success) success(res); } else if (xmh.readyState === 4) { if (null !== error) error(xmh.status, v); } }; xmh.open('GET', url, true); xmh.send(null); }, stdError: function(code, resp) { console.log('ERROR ' + code + ': ' + resp); }, searchParams: function(url) { var res = url; res += '?perpage=' + this.perpage; for (var i=0; i