Fix: Correct the image path (coscine/issues#292)

src/App.vue

@@ -127,6 +127,7 @@ if (document.currentScript !== undefined) {
   imageEnabled = true;
 }
 const scriptUrl = (scriptPath === '') ? '/' : scriptPath.substring(0, scriptPath.indexOf('app.js'));
+const rootUrl = (scriptPath.indexOf('/js') !== -1) ? scriptUrl.replace('/js', '') : scriptUrl;
 
 function getReturnUrl() {
   const hookupElement = document.getElementById('loginpage');
@@ -155,17 +156,17 @@ export default Vue.extend({
   computed: {
     cssProps() {
       return {
-        '--linkWhite': 'url(' + scriptUrl + linkWhitePath + ') 1px 9px no-repeat',
-        '--mailGrey': 'url(' + scriptUrl + mailGreyPath + ') 0px 6px no-repeat',
-        '--phoneGrey': 'url(' + scriptUrl + phoneGreyPath + ') 0px 6px no-repeat',
-        '--faxGrey': 'url(' + scriptUrl + faxGreyPath + ') 0px 6px no-repeat',
+        '--linkWhite': 'url(' + rootUrl + linkWhitePath + ') 1px 9px no-repeat',
+        '--mailGrey': 'url(' + rootUrl + mailGreyPath + ') 0px 6px no-repeat',
+        '--phoneGrey': 'url(' + rootUrl + phoneGreyPath + ') 0px 6px no-repeat',
+        '--faxGrey': 'url(' + rootUrl + faxGreyPath + ') 0px 6px no-repeat',
       };
     },
   },
   data() {
     return {
-      coscineImage: scriptUrl + coscineImagePath,
-      rwthImage: scriptUrl + rwthImagePath,
+      coscineImage: rootUrl + coscineImagePath,
+      rwthImage: rootUrl + rwthImagePath,
       imageEnabled,
       returnUrl: getReturnUrl(),
       orcidUrl: getORCiDUrl(),

vue.config.js

@@ -14,6 +14,6 @@ module.exports = {
 		config.optimization.delete('splitChunks')
 	},
 	css: {
-    extract: false,
-  },
+        extract: false,
+    },
 }
\ No newline at end of file