refactor: client structure + editor preview logic

client/components/toggle.vue

@@ -0,0 +1,21 @@
+<template lang="pug">
+  .toggle(:class='{ "is-active": value }', @click='changeToggle')
+    .toggle-container
+      .toggle-pin
+    .toggle-text {{ desc }}
+</template>
+
+<script>
+export default {
+  name: 'toggle',
+  props: ['value', 'desc'],
+  data () {
+    return { }
+  },
+  methods: {
+    changeToggle() {
+      this.$emit('input', !this.value)
+    }
+  }
+}
+</script>