Fix: When previewing SVG, report error "Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range."

When previewing SVG, report error:

`viewer-main.mjs?v=79b66689-10:588 Error evaluating async computed property: Error: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.`

ref: https://stackoverflow.com/questions/23223718/failed-to-execute-btoa-on-window-the-string-to-be-encoded-contains-characte

Signed-off-by: XinRoom <32238570+XinRoom@users.noreply.github.com>

Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

css/viewer-main.css

@@ -1,2 +1,2 @@
 /* extracted by css-entry-points-plugin */
-@import './main-BMsNvk-N.chunk.css';
+@import './main-BchKqepJ.chunk.css';

js/viewer-main.mjs

@@ -125041,7 +125041,7 @@ const _sfc_main$2 = {
      */
     async getBase64FromImage() {
       const file = await cancelableClient.get(this.src);
-      return `data:${this.mime};base64,${btoa(file.data)}`;
+      return `data:${this.mime};base64,${btoa(unescape(encodeURIComponent(file.data)))}`;
     },
     /**
      * Handle zooming
@@ -125198,7 +125198,7 @@ var __component__$2 = /* @__PURE__ */ normalizeComponent$1(
   _sfc_staticRenderFns$2,
   false,
   null,
-  "8a36d79a"
+  "34ef602b"
 );
 const Images$1 = __component__$2.exports;
 /**

src/components/Images.vue

@@ -237,7 +237,7 @@ export default {
 		 */
 		async getBase64FromImage() {
 			const file = await axios.get(this.src)
-			return `data:${this.mime};base64,${btoa(file.data)}`
+			return `data:${this.mime};base64,${btoa(unescape(encodeURIComponent(file.data)))}`
 		},
 
 		/**