Bundle & code cleanup (#179)

* Use different YAML solution (391 KB -> 197 KB)

* Update all deps

* Code cleanup

src/nginxconfig/generators/to_yaml.js

@@ -24,8 +24,8 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
-const yaml = require('js-yaml');
+const yaml = require('json-to-pretty-yaml');
 
 export default yamlConf => {
-    return yaml.safeDump(yamlConf);
+    return yaml.stringify(yamlConf);
 };

src/nginxconfig/templates/app.vue

@@ -27,12 +27,12 @@ THE SOFTWARE.
 <template>
     <div class="all do-bulma">
         <Header :title="i18n.templates.app.title">
-            <template v-slot:description>
+            <template #description>
                 {{ i18n.templates.app.description }}
             </template>
-            <template v-slot:header>
+            <template #header>
             </template>
-            <template v-slot:buttons>
+            <template #buttons>
                 <a v-if="splitColumn" class="button is-primary is-outline is-hidden-touch" @click="splitColumnToggle">
                     {{ i18n.templates.app.singleColumnMode }}
                 </a>
@@ -270,8 +270,7 @@ THE SOFTWARE.
             splitColumnEvent(nonInteraction = false) {
                 analytics('toggle_split_column', 'Button', undefined, Number(this.$data.splitColumn), nonInteraction);
             },
-            getPrismComponent(confName)
-            {
+            getPrismComponent(confName) {
                 switch (confName) {
                 case '/etc/nginx/Dockerfile':
                     return 'DockerPrism';

src/nginxconfig/templates/setup_sections/certbot.vue

@@ -99,11 +99,11 @@ THE SOFTWARE.
 
     export default {
         name: 'SetupCertbot',
+        display: i18n.templates.setupSections.certbot.certbot,
+        key: 'certbot',
         components: {
             BashPrism,
         },
-        display: i18n.templates.setupSections.certbot.certbot,
-        key: 'certbot',
         props: {
             data: Object,
         },