Fixed download network error

Author: PatrickSachs

package-lock.json

@@ -23,6 +23,7 @@
   "license": "",
   "dependencies": {
     "clean-webpack-plugin": "^2.0.0",
+    "file-saver": "^2.0.1",
     "phaser": "^3.16.2",
     "phaser3-nineslice": "git+https://github.com/PatrickSachs/phaser3-nineslice.git#types",
     "vue": "^2.6.6",
@@ -31,6 +32,8 @@
     "vuetify": "^1.5.1"
   },
   "devDependencies": {
+    "@types/file-saver": "^2.0.0",
+    "@types/workbox-sw": "^3.2.0",
     "browser-sync": "^2.26.3",
     "browser-sync-webpack-plugin": "^2.2.2",
     "copy-webpack-plugin": "^5.0.1",
@@ -43,7 +46,6 @@
     "vue-template-compiler": "^2.6.6",
     "webpack": "^4.29.4",
     "webpack-cli": "^3.2.1",
-    "@types/workbox-sw": "^3.2.0",
     "workbox-webpack-plugin": "^4.1.0"
   }
 }

package.json

@@ -204,6 +204,7 @@ import BackgroundSkin from "@/BackgroundSkin";
 import TreeType from "@/TreeType";
 import uuid from "@/utils/uuid";
 import LeavesGameObject from "@/gameobjects/LeavesGameObject";
+import FileSaver from "file-saver";
 
 interface IMenuItem {
   id: string;
@@ -409,14 +410,10 @@ export default class STApp extends Vue {
   }
 
   download(name: string, type: string, content: string) {
-    const data = content.startsWith("data:")
-      ? content
-      : "data:" + type + ";charset=utf-8," + encodeURIComponent(content);
-    const a = document.body.appendChild(document.createElement("a"));
-    a.download = name;
-    a.href = data;
-    a.click();
-    document.body.removeChild(a);
+    if (!content.startsWith("data:")) {
+      content = "data:" + type + ";base64," + btoa(content);
+    }
+    FileSaver.saveAs(content, name);
   }
 
   /**