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

Code before:
                                </PrettyCheck>
                            </div>
                        </div>
                        <div v-if="cfIpCountryEnabled" :class="`control${cfIpCountryChanged ? ' is-changed' : ''}`">
                            <div class="checkbox">
                                <PrettyCheck v-model="cfIpCountry" class="p-default p-curve p-fill p-icon">
                                    <i slot="extra" class="icon fas fa-check"></i>
                                    {{ i18n.templates.globalSections.logging.cfIpCountry }}
                                </PrettyCheck>
                            </div>
                        </div>
                        <div v-if="cfVisitorEnabled" :class="`control${cfVisitorChanged ? ' is-changed' : ''}`">
                            <div class="checkbox">
                                <PrettyCheck v-model="cfVisitor" class="p-default p-curve p-fill p-icon">
                                    <i slot="extra" class="icon fas fa-check"></i>
                                    {{ i18n.templates.globalSections.logging.cfVisitor }}
                                </PrettyCheck>
                            </div>
                        </div>
                        <div v-if="cdnLoopEnabled" :class="`control${cdnLoopChanged ? ' is-changed' : ''}`">
                            <div class="checkbox">
                                <PrettyCheck v-model="cdnLoop" class="p-default p-curve p-fill p-icon">
                                    <i slot="extra" class="icon fas fa-check"></i>
                                    {{ i18n.templates.globalSections.logging.cdnLoop }}
                                </PrettyCheck>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

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

    const defaults = {
        accessLog: {
            default: '/var/log/nginx/access.log',
            enabled: true,
        },
        errorLog: {
            default: '/var/log/nginx/error.log warn',
            enabled: true,
        },
        logNotFound: {
            default: false,

Review comment (suggestion):
```suggestion
```
Extra div, see previous suggestion

Code after:
                        </div>
                    </div>
                    <div v-if="cfIpCountryEnabled" :class="`control${cfIpCountryChanged ? ' is-changed' : ''}`">
                        <div class="checkbox">
                            <PrettyCheck v-model="cfIpCountry" class="p-default p-curve p-fill p-icon">
                                <i slot="extra" class="icon fas fa-check"></i>
                                {{ i18n.templates.globalSections.logging.cfIpCountry }}
                            </PrettyCheck>
                        </div>
                    </div>
                    <div v-if="cfVisitorEnabled" :class="`control${cfVisitorChanged ? ' is-changed' : ''}`">
                        <div class="checkbox">
                            <PrettyCheck v-model="cfVisitor" class="p-default p-curve p-fill p-icon">
                                <i slot="extra" class="icon fas fa-check"></i>
                                {{ i18n.templates.globalSections.logging.cfVisitor }}
                            </PrettyCheck>
                        </div>
                    </div>
                    <div v-if="cdnLoopEnabled" :class="`control${cdnLoopChanged ? ' is-changed' : ''}`">
                        <div class="checkbox">
                            <PrettyCheck v-model="cdnLoop" class="p-default p-curve p-fill p-icon">
                                <i slot="extra" class="icon fas fa-check"></i>
                                {{ i18n.templates.globalSections.logging.cdnLoop }}
                            </PrettyCheck>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

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

    const defaults = {
        accessLog: {
            default: '/var/log/nginx/access.log',
            enabled: true,
        },
        errorLog: {
            default: '/var/log/nginx/error.log warn',
            enabled: true,
        },
        logNotFound: {
            default: false,
            enabled: true,
        },