<template> <div class="hkcxmtwj"> <ui-switch v-model="v">{{ script.interpolate(value.text) }}</ui-switch> </div> </template> <script lang="ts"> import Vue from 'vue'; export default Vue.extend({ props: { value: { required: true }, script: { required: true } }, data() { return { v: this.value.default, }; }, watch: { v() { this.script.aiScript.updatePageVar(this.value.name, this.v); this.script.reEval(); } } }); </script> <style lang="stylus" scoped> .hkcxmtwj display inline-block margin 16px auto & + .hkcxmtwj margin-left 16px </style>