src/views/DeckBuilder.vue

@@ -41,7 +41,7 @@
       </section>
       <section class="cards">
         <div @click="prevPage" :class="canGoPrev ? 'prev' : 'prev unavailable'">
-          <img src="/images/deckbuilder/navarrow.svg" />
+          <img src="../assets/images/deckbuilder/navarrow.svg" />
         </div>
         <CardPicker
           @picked="cardPicked"
@@ -50,7 +50,7 @@
           :cards="currentPage"
         />
         <div @click="nextPage" :class="canGoNext ? 'next' : 'next unavailable'">
-          <img src="/images/deckbuilder/navarrow.svg" />
+          <img src="../assets/images/deckbuilder/navarrow.svg" />
         </div>
       </section>
     </section>
@@ -62,7 +62,7 @@
 
 <style lang="scss" scoped>
 .deckbuilder {
-  background: url("/images/backgrounds/deckbuilderbg.webp") center;
+  background: url("../assets/images/backgrounds/deckbuilderbg.webp") center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
@@ -375,11 +375,11 @@ export default class DeckBuilder extends Vue {
   }
 
   private elementIconURL(element: string): string {
-    return `/images/elements/${element.toLowerCase()}.webp`;
+    return require(`../assets/images/elements/${element.toLowerCase()}.webp`);
   }
 
   private setIconURL(set: string): string {
-    return `/images/sets/${set.toUpperCase()}.webp`;
+    return require(`../assets/images/sets/${set.toUpperCase()}.webp`);
   }
 
   private typeIconURL(type: string): string {
@@ -387,7 +387,7 @@ export default class DeckBuilder extends Vue {
     if (urltype == "mane character") {
       urltype = "mane-char";
     }
-    return `/images/cardtypes/${urltype}.webp`;
+    return require(`../assets/images/cardtypes/${urltype}.webp`);
   }
 
   private elementIconClass(element: string) {