Bundle & code cleanup (#179)

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

* Update all deps

* Code cleanup

package.json

@@ -45,10 +45,10 @@
     "do-vue": "git+https://github.com/do-community/do-vue.git",
     "escape-html": "^1.0.3",
     "files-diff": "0.0.3",
-    "js-yaml": "^3.14.0",
+    "json-to-pretty-yaml": "^1.2.2",
     "memory-tar-create": "0.0.2",
     "pretty-checkbox-vue": "^1.1.9",
-    "prismjs": "^1.21.0",
+    "prismjs": "^1.22.0",
     "qs": "^6.9.4",
     "simple-js-sha2-256": "^1.0.7",
     "string-similarity": "^4.0.2",
@@ -56,17 +56,17 @@
     "vue-select": "^3.10.8"
   },
   "devDependencies": {
-    "@vue/cli-service": "^4.5.4",
+    "@vue/cli-service": "^4.5.7",
     "babel-eslint": "^10.1.0",
-    "copyfiles": "^2.3.0",
+    "copyfiles": "^2.4.0",
     "duplicate-package-checker-webpack-plugin": "^3.0.0",
-    "eslint": "^7.8.1",
-    "eslint-plugin-vue": "^6.2.2",
-    "sass": "^1.26.10",
+    "eslint": "^7.11.0",
+    "eslint-plugin-vue": "^7.0.1",
+    "sass": "^1.27.0",
     "sass-lint": "^1.13.1",
     "sass-lint-auto-fix": "^0.21.2",
-    "sass-loader": "^10.0.2",
+    "sass-loader": "^10.0.3",
     "vue-template-compiler": "^2.6.12",
-    "webpack-bundle-analyzer": "^3.8.0"
+    "webpack-bundle-analyzer": "^3.9.0"
   }
 }

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,
         },