Sha256: dba8ce16f489488215553d95d8dc7bff5a0c69a29f4e8f77639fe05085c3d2ae
Contents?: true
Size: 788 Bytes
Versions: 11
Compression:
Stored size: 788 Bytes
Contents
<template>
<div>
<dynamic-input
v-for="(setting, index) in settings"
:key="[parentKey, setting.id].join()"
:class="{ 'mt-4': index !== 0 }"
:setting="setting"
:content="content"
:isFocused="focusedSetting === setting.id"
@blur="$emit('blur')"
@change="onChange"
/>
</div>
</template>
<script>
import DynamicInput from './dynamic-input.vue'
export default {
name: 'DynamicForm',
components: { DynamicInput },
props: {
parentKey: { type: String, default: '' },
settings: { type: Array, default: () => [] },
content: { type: Array, default: () => [] },
focusedSetting: { type: String, default: undefined },
},
methods: {
onChange(change) {
this.$emit('change', change)
},
},
}
</script>
Version data entries
11 entries across 11 versions & 1 rubygems