Merge branch 'master' of https://github.com/jamiepine/cache-monkey

Author: jamiepine

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cache-monkey",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Ah thats hot.",
   "author": "Jamie Pine",
   "repository": {

src/renderer/components/FileView.vue

@@ -3,14 +3,14 @@
     <div class="image-view" v-if="viewing.type == 'mp4'">
       <div class="video-big">
         <video class="player" height="100px" playsinline loop controls>
-          <source :src="`${dumpDirectory}/${viewing.dumpKey}`" type="video/mp4">
+          <source :src='`${dumpDirectory.replace(/[ ]/g, "\\ ")}/${viewing.dumpKey.replace(/[ ]/g, "\ ")}`' type="video/mp4">
         </video>
       </div>
     </div>
     <div class="image-view" v-else>
       <div
         class="image-big"
-        :style="{ 'background-image': `url(file://${dumpDirectory}/${viewing.dumpKey})` }"
+        :style='{ "background-image": `url("file://${dumpDirectory.replace(/[ ]/g, "\\ ")}/${viewing.dumpKey.replace(/[ ]/g, "\ ")}")` }'
       />
     </div>
     <div class="info-area">

src/renderer/components/LandingPage.vue

@@ -109,8 +109,8 @@
         v-for="(i, index) of content"
         :key="index"
         class="image"
-        @click="click(i, `file://${dumpDirectory}/${i.dumpKey}`);"
-        :style="{ 'background-image': `url(file://${dumpDirectory.replace(/[ ]/g, '\ ')}/${i.dumpKey.replace(/[ ]/g, '\ ')})` }"
+        @click='click(i, `url("file://${dumpDirectory.replace(/[ ]/g, "\\ ")}/${i.dumpKey.replace(/[ ]/g, "\ ")}")`);'
+        :style='{ "background-image": `url("file://${dumpDirectory.replace(/[ ]/g, "\\ ")}/${i.dumpKey.replace(/[ ]/g, "\ ")}")` }'
       >
         <div class="hover-info">
           <div class="blob" v-if="i.type">{{i.type}}</div>