From b2dc639cbf10d057895c3d2f18037d0acfa6694f Mon Sep 17 00:00:00 2001
From: EmeraldCoder <la_plume_en_or@hotmail.com>
Date: Sat, 26 Jun 2021 16:23:59 -0400
Subject: [PATCH] Fix image path bug for tiles caused by the ingress proxy

---
 .env                    | 1 +
 .env.production         | 3 +++
 package-lock.json       | 4 ++--
 package.json            | 2 +-
 src/components/Tile.vue | 8 +++++++-
 5 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 .env.production

diff --git a/.env b/.env
index f256c63..7906643 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,3 @@
 VUE_APP_I18N_LOCALE=en
 VUE_APP_I18N_FALLBACK_LOCALE=en
+VUE_APP_PUBLIC_PATH=/
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..9948980
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,3 @@
+VUE_APP_I18N_LOCALE=en
+VUE_APP_I18N_FALLBACK_LOCALE=en
+VUE_APP_PUBLIC_PATH=/riichi/pointer/
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index cabcfc6..adf78e1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
   "name": "riichi-pointer-js",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.5.2",
+      "version": "0.5.3",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^1.0.0",
         "@fortawesome/free-solid-svg-icons": "^5.0.0",
diff --git a/package.json b/package.json
index 90ebca3..c225ba0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riichi-pointer-js",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index 7c90a18..6e27427 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -3,7 +3,7 @@
     :class="{ 'tile--hoverable': hoverable, 'tile--disabled': disabled }"
     class="tile"
   >
-    <svg role="img"><use :xlink:href="'/riichi-mahjong-tiles/svgstore.svg#' + tileSvgStoreKey" /></svg>
+    <svg role="img"><use :xlink:href="publicPath + 'riichi-mahjong-tiles/svgstore.svg#' + tileSvgStoreKey" /></svg>
   </div>
 </template>
 
@@ -70,6 +70,12 @@ export default {
     }
   },
 
+  data () {
+    return {
+      publicPath: process.env.VUE_APP_PUBLIC_PATH
+    }
+  },
+
   computed: {
     tileSvgStoreKey () {
       if (this.tile.suit === 'character') {