fix tracking script source path

guigolab · Aug 2, 2024 · ef8e288 · ef8e288
1 parent 6388ece
commit ef8e288
Showing 1 changed file with 41 additions and 37 deletions.
diff --git a/biogenome-client/src/App.vue b/biogenome-client/src/App.vue
@@ -2,47 +2,51 @@
   <AppLayout />
 </template>
 <script setup>
-  import { onMounted } from 'vue'
-  import AppLayout from './layouts/AppLayout.vue'
-  import {title,tracker} from '../config.json'
-
-    onMounted(()=>{
-      document.title = title
-      if(tracker){
-        const trackerScript = document.createElement('script')
-        trackerScript.setAttribute("type", "text/javascript")
-        trackerScript.setAttribute("src", `/tracking/${tracker}`)
-        document.head.appendChild(trackerScript)
-      }
-    })
-  
+import { onMounted } from 'vue'
+import AppLayout from './layouts/AppLayout.vue'
+import { title, tracker } from '../config.json'
+
+onMounted(() => {
+  document.title = title
+  if (tracker) {
+    const src = import.meta.env.VITE_BASE_PATH ? import.meta.env.VITE_BASE_PATH + `/tracking/${tracker}` : `/tracking/${tracker}`
+    const trackerScript = document.createElement('script')
+    trackerScript.setAttribute("type", "text/javascript")
+    trackerScript.setAttribute("src", src)
+    document.head.appendChild(trackerScript)
+  }
+})
+
 </script>
 
 <style lang="scss">
-  @import 'scss/main.scss';
+@import 'scss/main.scss';
 
-  #app {
-    font-family: 'Source Sans Pro', Avenir, Helvetica, Arial, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    color: #2c3e50;
-  }
+#app {
+  font-family: 'Source Sans Pro', Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  color: #2c3e50;
+}
 
-  body {
-    margin: 0;
-  }
+body {
+  margin: 0;
+}
 
-  .fade-enter-from,
-  .fade-leave-to {
-    opacity: 0;
-  }
-  .fade-enter-active {
-    transition: opacity 0.5s ease;
-  }
-  text {
-    font-size: .8rem;
-  }
-  .c-h {
-    min-height: 400px;
-  }
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-active {
+  transition: opacity 0.5s ease;
+}
+
+text {
+  font-size: .8rem;
+}
+
+.c-h {
+  min-height: 400px;
+}
 </style>