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

Code before:
    import Setup from './setup';
    import Footer from './footer';

    import NginxPrism from './prism/nginx';

    export default {
        name: 'App',
        components: {
            Header,
            VueSelect,
            Footer,
            Domain,
            Global,
            Setup,
            NginxPrism,
            'YamlPrism': () => import('./prism/yaml'),
            'DockerPrism': () => import('./prism/docker'),
        },
        data() {
            return {
                domains: [],
                global: {
                    ...Global.delegated,
                    app: {
                        lang: {
                            default: '',
                            value: 'en',
                            computed: 'en',
                            enabled: true,
                        },
                    },
                },
                active: 0,
                ready: false,
                splitColumn: false,
                confWatcherWaiting: false,
                confFilesPrevious: {},
                confFilesOutput: {},
            };
        },
        computed: {
            activeDomains() {
                return this.$data.domains.map((domain, index) => [domain, index]).filter(d => d[0] !== null);
            },
            confFiles() {
                return generators(this.$data.domains.filter(d => d !== null), this.$data.global);
            },
            lang: {
                get() {
                    return this.$data.global.app.lang.value;
                },

Review comment (suggestion):
```suggestion
                            default: 'en',
```
The default should still remain set, as this will be used if an invalid query param value is given.

Code after:
    import Setup from './setup';
    import Footer from './footer';

    import NginxPrism from './prism/nginx';

    export default {
        name: 'App',
        components: {
            Header,
            VueSelect,
            Footer,
            Domain,
            Global,
            Setup,
            NginxPrism,
            'YamlPrism': () => import('./prism/yaml'),
            'DockerPrism': () => import('./prism/docker'),
        },
        data() {
            return {
                domains: [],
                global: {
                    ...Global.delegated,
                    app: {
                        lang: {
                            value: 'en',
                            computed: 'en',
                            enabled: true,
                        },
                    },
                },
                active: 0,
                ready: false,
                splitColumn: false,
                confWatcherWaiting: false,
                confFilesPrevious: {},
                confFilesOutput: {},
            };
        },
        computed: {
            activeDomains() {
                return this.$data.domains.map((domain, index) => [domain, index]).filter(d => d[0] !== null);
            },
            confFiles() {
                return generators(this.$data.domains.filter(d => d !== null), this.$data.global);
            },
            lang: {
                get() {
                    return this.$data.global.app.lang.value;
                },
                set (value) {