So, we can populate our component state from the URL, but as it stands we can't update it. We're missing the methods section of the component that will fill in that gap. To get us started, add the following methods section:
methods: { reset() { this.$router.push({ query: {} }); }}
Recall the top of the template for this component; we have the reset button, which has a click event handler invoking a reset method. This is all we need to do to clear all the filters and have the list reset. Our computed properties that contain the selected filter items are directly tied to the query parameters in the URL. By pushing an empty query object without specifying a new URL, vue-router will overwrite the query ...
