import Vue from 'vue'; export default function (data: { name: string; props?: () => T; }) { return Vue.extend({ props: { widget: { type: Object }, isCustomizeMode: { type: Boolean, default: false } }, computed: { id(): string { return this.widget.id; }, props(): T { return this.widget.data; } }, data() { return { bakedOldProps: null }; }, created() { this.mergeProps(); this.$watch('props', () => { this.mergeProps(); }); }, methods: { mergeProps() { if (data.props) { const defaultProps = data.props(); for (const prop of Object.keys(defaultProps)) { if (this.props.hasOwnProperty(prop)) continue; Vue.set(this.props, prop, defaultProps[prop]); } } }, save() { this.$store.dispatch('settings/updateWidget', this.widget); } } }); }