Repository: digitalocean/nginxconfig.io
File: src/nginxconfig/templates/global_sections/security.vue (Vue)

Code before:
            </div>
            <div class="field-body">
                <div class="field">
                    <div :class="`control${securityTxt ? ' is-changed' : ''}`">
                        <div class="checkbox">
                            <PrettyCheck v-model="securityTxt" class="p-default p-curve p-fill p-icon">
                                <i slot="extra" class="icon fas fa-check"></i>
                                {{ i18n.common.enable }}
                            </PrettyCheck>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div v-if="$props.data.securityTxt.computed" class="field is-horizontal">
            <div class="field-label">
                <label class="label">security.txt path</label>
            </div>
            <div class="field-body">
                <div class="field">
                    <div :class="`control${securityTxtChanged ? ' is-changed' : ''}`">
                        <input v-model="securityTxtPath"
                               class="input"
                               type="text"
                               :placeholder="`en, es, ru`"
                        />
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import PrettyCheck from 'pretty-checkbox-vue/check';
    import VueSelect from 'vue-select';
    import i18n from '../../i18n';
    import delegatedFromDefaults from '../../util/delegated_from_defaults';
    import computedFromDefaults from '../../util/computed_from_defaults';
    const defaults = {
        referrerPolicy: {
            default: 'no-referrer-when-downgrade',
            options: [
                'no-referrer',
                'no-referrer-when-downgrade',
                'origin',
                'origin-when-cross-origin',
                'same-origin',
                'strict-origin',
                'strict-origin-when-cross-origin',

Review comment (security):
```suggestion
                               :placeholder="$props.data.securityTxt.default"
```
Not sure what this placeholder is, probably best to use the default for the item `$props.data.securityTxt.default`

Code after:
            </div>
            <div class="field-body">
                <div class="field">
                    <div :class="`control${securityTxt ? ' is-changed' : ''}`">
                        <div class="checkbox">
                            <PrettyCheck v-model="securityTxt" class="p-default p-curve p-fill p-icon">
                                <i slot="extra" class="icon fas fa-check"></i>
                                {{ i18n.common.enable }}
                            </PrettyCheck>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div v-if="$props.data.securityTxt.computed" class="field is-horizontal">
            <div class="field-label">
                <label class="label">security.txt path</label>
            </div>
            <div class="field-body">
                <div class="field">
                    <div :class="`control${securityTxtChanged ? ' is-changed' : ''}`">
                        <input v-model="securityTxtPath"
                               class="input"
                               type="text"
                               :placeholder="$props.data.securityTxtPath.default"
                        />
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import PrettyCheck from 'pretty-checkbox-vue/check';
    import VueSelect from 'vue-select';
    import i18n from '../../i18n';
    import delegatedFromDefaults from '../../util/delegated_from_defaults';
    import computedFromDefaults from '../../util/computed_from_defaults';

    const defaults = {
        referrerPolicy: {
            default: 'no-referrer-when-downgrade',
            options: [
                'no-referrer',
                'no-referrer-when-downgrade',
                'origin',
                'origin-when-cross-origin',
                'same-origin',
                'strict-origin',