<button @click="add">Add a Stat</button>
  </form>
  <pre id="raw">{{ stats }}</pre>
</div>

<script>
  const globalStats = [
    { label: 'A', value: 100 },
    { label: 'B', value: 100 },
    { label: 'C', value: 100 },
    { label: 'D', value: 100 },
    { label: 'E', value: 100 },
    { label: 'F', value: 100 },
  ]

  Vue.createApp({
    components: {
      Polygraph,
    },
    data: () => ({
      newLabel: '',
      stats: globalStats,
    }),
    methods: {
      add(e) {
        e.preventDefault()