从HTML调用函数的优雅方法？

Question

我有这样的事情：

function removeProduct(dataProduct) {
  console.log(dataProduct)
}

<button data-shop-listing="{'foo': 'fooData'}" type="button" onclick="removeProduct(this.getAttribute('data-shop-listing'));">Remove</button>

一切看起来都很好，对吧？问题是我已经激活了no-unused-vars linter，并且要求不要将其关闭。

实现这一目标的优雅方法是什么？

感谢。