JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  <button @click="onClick">
    Change
  </button>
  <svg>
    <polygon points="0,100 50,25 50,75 100,0" v-bind:stroke="outline" />
  </svg>
</div>

JavaScript

Vue.createApp({
  data () {
    return {
      outline: '#ff0000'
    }
  },
  
  methods: {
    onClick () {
      this.outline = '#00ff00'
    }
  }
}).mount('#app')