使用vue.js从Firestore中删除文档

Question

我一直在尝试使用vue.js页面中的onclick按钮删除由Firestore数据库生成的文档

我尝试阅读Firestore文档，但仍然无法正常工作... 这是我在Codepen上的代码的链接... https://codepen.io/Thinker95/pen/WNeLWvY

 clear() {
      db.collection('energy-calc').doc('key').delete();
      }

我想要我用来删除Firestore上所有文档的清除按钮，使收藏集为空。