feat: add env variables to frontend app

jkklapp · May 25, 2022 · f264e29 · f264e29
1 parent d675530
commit f264e29
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/frontend/.env b/frontend/.env
@@ -0,0 +1 @@
+VUE_APP_NAME=WSNE
diff --git a/frontend/package.json b/frontend/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "PORT=8888 vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "test": "jest"

diff --git a/frontend/src/components/Navbar.vue b/frontend/src/components/Navbar.vue
@@ -5,7 +5,7 @@
         to="/"
         class="navbar-brand"
       >
-        Vue Firebase Auth
+        {{ appName }}
       </router-link>
       <button
         class="navbar-toggler"
@@ -63,6 +63,7 @@ import { mapGetters } from 'vuex';
 import firebase from 'firebase/compat/app';
 export default {
   computed: {
+    appName: () => process.env.VUE_APP_NAME,
     ...mapGetters({
       // map `this.user` to `this.$store.getters.user`
       user: 'user',