26 files changed, 1143 insertions, 1112 deletions

diff --git a/example/config.json b/example/config.json
index 51baf84..6483257 100644
--- a/example/config.json
+++ b/example/config.json
@@ -1,3 +1,3 @@
 {
     "galleryRoot": "out/"
-}
\ No newline at end of file
+}
diff --git a/scripts/.gitignore b/scripts/.gitignore
new file mode 100644
index 0000000..2cb7368
--- /dev/null
+++ b/scripts/.gitignore
@@ -0,0 +1 @@
+local_*
diff --git a/scripts/readme.md b/scripts/readme.md
new file mode 100644
index 0000000..9bb97ec
--- /dev/null
+++ b/scripts/readme.md
@@ -0,0 +1,24 @@
+# ldgallery scripts
+
+Some utilities.
+Prefix the filename of your custom script with "local_", they are git-ignored.
+
+## Build
+
+### win_build.cmd
+
+Build the compiler. See {../compiler/readme.md}
+
+### win_help.cmd
+
+Shows the compiler's command line help.
+
+### win_compile_example.cmd
+
+Compile the example gallery, for demonstration purposes. See {../example/readme.md}
+
+### win_generate_yaml_files.cmd
+
+Generates template YAML files for your gallery.
+Copy this CMD to your pictures folder.
+
diff --git a/compiler/win_build.cmd b/scripts/win_build.cmd
index 33559fa..ed96211 100644
--- a/compiler/win_build.cmd
+++ b/scripts/win_build.cmd
@@ -1,4 +1,5 @@
 @echo off
+cd ..\compiler\
 stack setup
 stack build
 pause
\ No newline at end of file
diff --git a/compiler/win_compile_example.cmd b/scripts/win_compile_example.cmd
index 3a52f73..1226269 100644
--- a/compiler/win_compile_example.cmd
+++ b/scripts/win_compile_example.cmd
@@ -3,6 +3,7 @@ SET rebuild=--rebuild
 CHOICE /M "Rebuild all ('--rebuild' argument)?"
 IF ERRORLEVEL 2 SET rebuild=
 echo.
+cd ..\compiler\
 
 @echo on
 stack exec ldgallery-compiler-exe -- %rebuild% --clean-output -i=../example/src/ -o=../example/out/
diff --git a/scripts/win_generate_yaml_files.cmd b/scripts/win_generate_yaml_files.cmd
new file mode 100644
index 0000000..edb7f91
--- /dev/null
+++ b/scripts/win_generate_yaml_files.cmd
@@ -0,0 +1,21 @@
+@echo off
+
+REM Copy this file to your picture directory to quickly generate the YAML templates
+REM ===============================================================================
+
+for %%f in (*.jpg,*.png,*.gif) do (
+  if exist "%%f.yaml" goto CONTINUE
+    @echo %%f
+    (
+    echo title: %%f
+    echo.
+    echo datetime:
+    echo.
+    echo description:
+    echo.
+    echo tags:
+    echo   - not_tagged
+    ) >> "%%f.yaml"
+  :CONTINUE
+  rem
+)
diff --git a/compiler/win_help.cmd b/scripts/win_help.cmd
index d720f65..117205a 100644
--- a/compiler/win_help.cmd
+++ b/scripts/win_help.cmd
@@ -1,4 +1,5 @@
 @echo off
+cd ..\compiler\
 stack exec ldgallery-compiler-exe -- --help
 @echo.
 @pause
diff --git a/viewer/win_start_vueui.cmd b/scripts/win_start_vueui.cmd
index cee15e8..b79a7b7 100644
--- a/viewer/win_start_vueui.cmd
+++ b/scripts/win_start_vueui.cmd
@@ -1,6 +1,7 @@
 @echo off
 set NODE_VERSION=12.14.0
-set VUECLI_VERSION=4.1.1
+set VUECLI_VERSION=4.2.2
+cd ..\viewer\
 
 chcp 65001
 echo.
@@ -18,6 +19,17 @@ if errorlevel 1 (
   cmd /c npm install -g @vue/cli@%VUECLI_VERSION%
 )
 echo.
+npm view -g @vue/cli version | find /i "%VUECLI_VERSION%"
+if errorlevel 1 (
+  echo ======================================================================
+  echo Warning: vue/cli doesn't match the requested version: %VUECLI_VERSION%
+  echo.
+  echo CTRL+C to quit and update, or press a key to ignore this warning...
+  echo ======================================================================
+  echo.
+  pause
+)
+echo.
 echo === npm install ===
 cmd /c npm install
 echo.
diff --git a/viewer/.eslintrc.js b/viewer/.eslintrc.js
index 40d2a11..e1ad89b 100644
--- a/viewer/.eslintrc.js
+++ b/viewer/.eslintrc.js
@@ -13,6 +13,7 @@ module.exports = {
   rules: {
     "no-console": "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    'eol-last': ['warn', 'always'],
     'vue/attribute-hyphenation': 'warn',
     'vue/html-closing-bracket-spacing': 'warn',
     'vue/html-end-tags': 'error',
@@ -24,7 +25,7 @@ module.exports = {
     'vue/v-bind-style': 'warn',
     'vue/v-on-style': 'warn',
     'vue/attributes-order': 'warn',
-    'vue/this-in-template': 'warn'
+    'vue/this-in-template': 'warn',
   },
 
   parserOptions: {
diff --git a/viewer/.vscode/tasks.json b/viewer/.vscode/tasks.json
index 3c02098..102002d 100644
--- a/viewer/.vscode/tasks.json
+++ b/viewer/.vscode/tasks.json
@@ -9,7 +9,10 @@
             "group": {
                 "kind": "build",
                 "isDefault": true
-            }
+            },
+            "problemMatcher": [
+                "$tsc"
+            ]
         },
         {
             "type": "npm",
@@ -17,6 +20,20 @@
             "problemMatcher": [
                 "$tsc"
             ]
+        },
+        {
+            "type": "npm",
+            "script": "lint-autoformat",
+            "problemMatcher": [
+                "$tsc"
+            ]
+        },
+        {
+            "type": "npm",
+            "script": "lint",
+            "problemMatcher": [
+                "$tsc"
+            ]
         }
     ]
 }
\ No newline at end of file
diff --git a/viewer/babel.config.js b/viewer/babel.config.js
index 7102a6e..1378522 100644
--- a/viewer/babel.config.js
+++ b/viewer/babel.config.js
@@ -1,7 +1,5 @@
 module.exports = {
   presets: ["@vue/cli-plugin-babel/preset"],
   plugins: [
-    '@babel/plugin-proposal-optional-chaining',
-    '@babel/plugin-proposal-nullish-coalescing-operator',
   ],
 };
diff --git a/viewer/package-lock.json b/viewer/package-lock.json
index 4b778a3..87825c8 100644
--- a/viewer/package-lock.json
+++ b/viewer/package-lock.json
@@ -14,28 +14,28 @@
       }
     },
     "@babel/compat-data": {