Repository: digitalocean/nginxconfig.io
File: src/nginxconfig/templates/domain_sections/https.vue (Vue)

Code before:
        </div>
        <template v-if="$props.data.http3.value">
            <br />
            <div class="message is-warning">
                <div class="message-body">
                    {{ $t('templates.globalSections.https.http3Warning1') }}
                    <ExternalLink :text="$t('templates.globalSections.https.http3Warning2')"
                                  link="https://quic.nginx.org/README"
                    ></ExternalLink>
                    {{ $t('templates.globalSections.https.http3Warning3') }}
                    <ExternalLink :text="$t('templates.globalSections.https.http3Warning4')"
                                  link="https://github.com/cloudflare/quiche/tree/master/extras/nginx"
                    ></ExternalLink>
                    {{ $t('templates.globalSections.https.http3Warning5') }}
                </div>
            </div>
        </template>
    </div>
</template>

<script>
    import PrettyCheck from 'pretty-checkbox-vue/check';
    import PrettyRadio from 'pretty-checkbox-vue/radio';
    import delegatedFromDefaults from '../../util/delegated_from_defaults';
    import computedFromDefaults from '../../util/computed_from_defaults';
    import ExternalLink from 'do-vue/src/templates/external_link';

    const defaults = {
        https: {
            default: true,
            enabled: true,
        },
        http2: {
            default: true,
            enabled: true,
        },
        http3: {
            default: false,
            enabled: true,
        },
        portReuse: {
            default: true,
            enabled: false,
        },
        forceHttps: {
            default: true,
            enabled: true,
        },
        hsts: {
            default: true,
            enabled: true,

Review comment (suggestion):
```suggestion
    import ExternalLink from 'do-vue/src/templates/external_link';
    import delegatedFromDefaults from '../../util/delegated_from_defaults';
    import computedFromDefaults from '../../util/computed_from_defaults';
```
External imports before local imports, please :)

Code after:
        </div>

        <template v-if="$props.data.http3.value">
            <br />
            <div class="message is-warning">
                <div class="message-body">
                    {{ $t('templates.globalSections.https.http3Warning1') }}
                    <ExternalLink :text="$t('templates.globalSections.https.http3Warning2')"
                                  link="https://quic.nginx.org/README"
                    ></ExternalLink>
                    {{ $t('templates.globalSections.https.http3Warning3') }}
                    <ExternalLink :text="$t('templates.globalSections.https.http3Warning4')"
                                  link="https://github.com/cloudflare/quiche/tree/master/extras/nginx"
                    ></ExternalLink>
                    {{ $t('templates.globalSections.https.http3Warning5') }}
                </div>
            </div>
        </template>
    </div>
</template>

<script>
    import PrettyCheck from 'pretty-checkbox-vue/check';
    import PrettyRadio from 'pretty-checkbox-vue/radio';
    import ExternalLink from 'do-vue/src/templates/external_link';
    import delegatedFromDefaults from '../../util/delegated_from_defaults';
    import computedFromDefaults from '../../util/computed_from_defaults';

    const defaults = {
        https: {
            default: true,
            enabled: true,
        },
        http2: {
            default: true,
            enabled: true,
        },
        http3: {
            default: false,
            enabled: true,
        },
        portReuse: {
            default: true,
            enabled: false,
        },
        forceHttps: {
            default: true,
            enabled: true,
        },
        hsts: {
            default: true,