Fix env variables

front/src/App.vue

@@ -272,7 +272,7 @@ export default {
       // 3. use the current url
       const defaultInstanceUrl =
         this.$store.state.instance.frontSettings.defaultServerUrl ||
-        process.env.VUE_APP_INSTANCE_URL || this.$store.getters['instance/defaultUrl']()
+        import.meta.env.VUE_APP_INSTANCE_URL || this.$store.getters['instance/defaultUrl']()
       this.$store.commit('instance/instanceUrl', defaultInstanceUrl)
     } else {
       // needed to trigger initialization of axios / service worker

front/src/components/Sidebar.vue

@@ -590,7 +590,7 @@ export default {
       )
     },
     production () {
-      return process.env.NODE_ENV === 'production'
+      return import.meta.env.NODE_ENV === 'production'
     }
   },
   watch: {

front/src/components/audio/EmbedWizard.vue

@@ -134,7 +134,7 @@ export default {
       return _.get(this.nodeinfo, 'metadata.library.anonymousCanListen', false)
     },
     iframeSrc () {
-      let base = process.env.BASE_URL
+      let base = import.meta.env.BASE_URL
       if (base.startsWith('/')) {
         // include hostname/protocol too so that the iframe link is absolute
         base = `${window.location.protocol}//${window.location.host}${base}`

front/src/registerServiceWorker.js

@@ -4,8 +4,8 @@ import { register } from 'register-service-worker'
 
 import store from './store'
 
-if (process.env.NODE_ENV === 'production') {
-  register(`${process.env.BASE_URL}service-worker.js`, {
+if (import.meta.env.NODE_ENV === 'production') {
+  register(`${import.meta.env.BASE_URL}service-worker.js`, {
     registrationOptions: { scope: '/' },
     ready () {
       console.log(

front/src/store/instance.js

@@ -20,7 +20,7 @@ export default {
   state: {
     maxEvents: 200,
     frontSettings: {},
-    instanceUrl: process.env.VUE_APP_INSTANCE_URL,
+    instanceUrl: import.meta.env.VUE_APP_INSTANCE_URL,
     events: [],
     knownInstances: [],
     nodeinfo: null,