Sha256: 88006ff75d2b8d60496222294023ca15a8248b3dc0fc05f0b627ab74240439aa
Contents?: true
Size: 867 Bytes
Versions: 8
Compression:
Stored size: 867 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"
:i18nScope="i18nScope"
@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 },
i18nScope: { type: String, required: false },
},
methods: {
onChange(change) {
this.$emit('change', change)
},
},
}
</script>
Version data entries
8 entries across 8 versions & 1 rubygems