Как примерно стилизировать кнопку и реализовать метод off/on?

new Vue() {
    el: '#app',
    data() {
        return:  {
            switch
        }
    }

}

<template>
    <label class="switch">
      <input type="checkbox" v-model="switch">
      <span class="off">Evenly</span>
      <span class="onn">Unevenly</span>
    </label>
</template>