
        if (!this.newLabel) return
        this.stats.push({
          label: this.newLabel,
          value: 100,
        })
        this.newLabel = ''
      },
      remove(stat) {
        if (this.stats.length > 3) {
          this.stats.splice(this.stats.indexOf(stat), 1)
        } else {
          alert("Can't delete more!")
        }
      },
    },
  }).mount('#demo')
</script>

<style>
  body {
    font-family:
      Helvetica Neue,
      Arial,
      sans-serif;
  }

  polygon {
    fill: #42b983;