From f264e29ccd51626c0053612d44fd0a04e1edefeb Mon Sep 17 00:00:00 2001
From: Jaakko Lappalainen <jkk.lapp@gmail.com>
Date: Wed, 25 May 2022 09:30:18 +0100
Subject: [PATCH] feat: add env variables to frontend app

---
 frontend/.env                      | 1 +
 frontend/package.json              | 2 +-
 frontend/src/components/Navbar.vue | 3 ++-
 3 files changed, 4 insertions(+), 2 deletions(-)
 create mode 100644 frontend/.env

diff --git a/frontend/.env b/frontend/.env
new file mode 100644
index 0000000..677c726
--- /dev/null
+++ b/frontend/.env
@@ -0,0 +1 @@
+VUE_APP_NAME=WSNE
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index d553e53..2927447 100644
--- 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
index 40ced6c..2b1eef6 100644
--- 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',