diff --git a/package-lock.json b/package-lock.json
index 8327210..13d72d8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,10 +9,10 @@
       "version": "0.0.1",
       "license": "MIT",
       "devDependencies": {
+        "@auth0/auth0-vue": "latest",
         "@vitejs/plugin-vue": "latest",
         "@vitest/coverage-c8": "latest",
         "@vue/test-utils": "latest",
-        "axios": "^0.27.2",
         "eslint": "latest",
         "eslint-config-google": "latest",
         "eslint-plugin-vue": "latest",
@@ -23,6 +23,39 @@
         "vue-router": "^4.1.5"
       }
     },
+    "node_modules/@auth0/auth0-spa-js": {
+      "version": "1.22.4",
+      "resolved": "https://registry.npmjs.org/@auth0/auth0-spa-js/-/auth0-spa-js-1.22.4.tgz",
+      "integrity": "sha512-iOboSV+aUsExV1onKvGKEqi626sjJt+61c3EvA4mkn9RM7RV9RMjPI+cInNFHWjwAd2Sdi3LqBj6/MfcHh69dg==",
+      "dev": true,
+      "dependencies": {
+        "abortcontroller-polyfill": "^1.7.3",
+        "browser-tabs-lock": "^1.2.15",
+        "core-js": "^3.24.0",
+        "es-cookie": "~1.3.2",
+        "fast-text-encoding": "^1.0.4",
+        "promise-polyfill": "^8.2.3",
+        "unfetch": "^4.2.0"
+      }
+    },
+    "node_modules/@auth0/auth0-vue": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@auth0/auth0-vue/-/auth0-vue-1.0.2.tgz",
+      "integrity": "sha512-Oj64AV9ti3AwyKBpEnLvhj16xL2erXFRJrqVI/kvLxYjLnn5GWui/7/iJghvCEHjyxIaJRUtgh3+ZiQgMkDvzQ==",
+      "dev": true,
+      "dependencies": {
+        "@auth0/auth0-spa-js": "^1.22.1",
+        "vue": "^3.2.35"
+      },
+      "peerDependencies": {
+        "vue-router": "^4.0.12"
+      },
+      "peerDependenciesMeta": {
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@babel/parser": {
       "version": "7.19.3",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.3.tgz",
@@ -412,6 +445,12 @@
         "vue": "^3.0.1"
       }
     },
+    "node_modules/abortcontroller-polyfill": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.3.tgz",
+      "integrity": "sha512-zetDJxd89y3X99Kvo4qFx8GKlt6GsvN3UcRZHwU6iFA/0KiOmhkTVhe8oRoTBiTVPZu09x3vCra47+w8Yz1+2Q==",
+      "dev": true
+    },
     "node_modules/acorn": {
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
@@ -509,30 +548,6 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "dev": true
     },
-    "node_modules/axios": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
-      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
-      "dev": true,
-      "dependencies": {
-        "follow-redirects": "^1.14.9",
-        "form-data": "^4.0.0"
-      }
-    },
-    "node_modules/axios/node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dev": true,
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -567,6 +582,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/browser-tabs-lock": {
+      "version": "1.2.15",
+      "resolved": "https://registry.npmjs.org/browser-tabs-lock/-/browser-tabs-lock-1.2.15.tgz",
+      "integrity": "sha512-J8K9vdivK0Di+b8SBdE7EZxDr88TnATing7XoLw6+nFkXMQ6sVBh92K3NQvZlZU91AIkFRi0w3sztk5Z+vsswA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "lodash": ">=4.17.21"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -741,6 +766,17 @@
         "safe-buffer": "~5.1.1"
       }
     },
+    "node_modules/core-js": {
+      "version": "3.25.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.25.3.tgz",
+      "integrity": "sha512-y1hvKXmPHvm5B7w4ln1S4uc9eV/O5+iFExSRUimnvIph11uaizFR8LFMdONN8hG3P2pipUfX4Y/fR8rAEtcHcQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
     "node_modules/core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -859,6 +895,12 @@
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
       "dev": true
     },
+    "node_modules/es-cookie": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/es-cookie/-/es-cookie-1.3.2.tgz",
+      "integrity": "sha512-UTlYYhXGLOy05P/vKVT2Ui7WtC7NiRzGtJyAKKn32g5Gvcjn7KAClLPWlipCtxIus934dFg9o9jXiBL0nP+t9Q==",
+      "dev": true
+    },
     "node_modules/esbuild": {
       "version": "0.15.9",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.9.tgz",
@@ -1501,6 +1543,12 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
+    "node_modules/fast-text-encoding": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.6.tgz",
+      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w==",
+      "dev": true
+    },
     "node_modules/fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -1569,26 +1617,6 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
-    "node_modules/follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/foreground-child": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
@@ -2461,6 +2489,12 @@
         "asap": "~2.0.6"
       }
     },
+    "node_modules/promise-polyfill": {
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.2.3.tgz",
+      "integrity": "sha512-Og0+jCRQetV84U8wVjMNccfGCnMQ9mGs9Hv78QFe+pSDD3gWTpz0y+1QCuxy5d/vBFuZ3iwP2eycAkvqIMPmWg==",
+      "dev": true
+    },
     "node_modules/punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -2960,6 +2994,12 @@
       "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
       "dev": true
     },
+    "node_modules/unfetch": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
+      "integrity": "sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA==",
+      "dev": true
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -3307,6 +3347,31 @@
     }
   },
   "dependencies": {
+    "@auth0/auth0-spa-js": {
+      "version": "1.22.4",
+      "resolved": "https://registry.npmjs.org/@auth0/auth0-spa-js/-/auth0-spa-js-1.22.4.tgz",
+      "integrity": "sha512-iOboSV+aUsExV1onKvGKEqi626sjJt+61c3EvA4mkn9RM7RV9RMjPI+cInNFHWjwAd2Sdi3LqBj6/MfcHh69dg==",
+      "dev": true,
+      "requires": {
+        "abortcontroller-polyfill": "^1.7.3",
+        "browser-tabs-lock": "^1.2.15",
+        "core-js": "^3.24.0",
+        "es-cookie": "~1.3.2",
+        "fast-text-encoding": "^1.0.4",
+        "promise-polyfill": "^8.2.3",
+        "unfetch": "^4.2.0"
+      }
+    },
+    "@auth0/auth0-vue": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@auth0/auth0-vue/-/auth0-vue-1.0.2.tgz",
+      "integrity": "sha512-Oj64AV9ti3AwyKBpEnLvhj16xL2erXFRJrqVI/kvLxYjLnn5GWui/7/iJghvCEHjyxIaJRUtgh3+ZiQgMkDvzQ==",
+      "dev": true,
+      "requires": {
+        "@auth0/auth0-spa-js": "^1.22.1",
+        "vue": "^3.2.35"
+      }
+    },
     "@babel/parser": {
       "version": "7.19.3",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.3.tgz",
@@ -3623,6 +3688,12 @@
       "dev": true,
       "requires": {}
     },
+    "abortcontroller-polyfill": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.3.tgz",
+      "integrity": "sha512-zetDJxd89y3X99Kvo4qFx8GKlt6GsvN3UcRZHwU6iFA/0KiOmhkTVhe8oRoTBiTVPZu09x3vCra47+w8Yz1+2Q==",
+      "dev": true
+    },
     "acorn": {
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
@@ -3693,29 +3764,6 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "dev": true
     },
-    "axios": {
-      "version": "0.27.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
-      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
-      "dev": true,
-      "requires": {
-        "follow-redirects": "^1.14.9",
-        "form-data": "^4.0.0"
-      },
-      "dependencies": {
-        "form-data": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-          "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-          "dev": true,
-          "requires": {
-            "asynckit": "^0.4.0",
-            "combined-stream": "^1.0.8",
-            "mime-types": "^2.1.12"
-          }
-        }
-      }
-    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -3747,6 +3795,15 @@
         "fill-range": "^7.0.1"
       }
     },
+    "browser-tabs-lock": {
+      "version": "1.2.15",
+      "resolved": "https://registry.npmjs.org/browser-tabs-lock/-/browser-tabs-lock-1.2.15.tgz",
+      "integrity": "sha512-J8K9vdivK0Di+b8SBdE7EZxDr88TnATing7XoLw6+nFkXMQ6sVBh92K3NQvZlZU91AIkFRi0w3sztk5Z+vsswA==",
+      "dev": true,
+      "requires": {
+        "lodash": ">=4.17.21"
+      }
+    },
     "buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -3888,6 +3945,12 @@
         "safe-buffer": "~5.1.1"
       }
     },
+    "core-js": {
+      "version": "3.25.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.25.3.tgz",
+      "integrity": "sha512-y1hvKXmPHvm5B7w4ln1S4uc9eV/O5+iFExSRUimnvIph11uaizFR8LFMdONN8hG3P2pipUfX4Y/fR8rAEtcHcQ==",
+      "dev": true
+    },
     "core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -3977,6 +4040,12 @@
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
       "dev": true
     },
+    "es-cookie": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/es-cookie/-/es-cookie-1.3.2.tgz",
+      "integrity": "sha512-UTlYYhXGLOy05P/vKVT2Ui7WtC7NiRzGtJyAKKn32g5Gvcjn7KAClLPWlipCtxIus934dFg9o9jXiBL0nP+t9Q==",
+      "dev": true
+    },
     "esbuild": {
       "version": "0.15.9",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.9.tgz",
@@ -4361,6 +4430,12 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
+    "fast-text-encoding": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.6.tgz",
+      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w==",
+      "dev": true
+    },
     "fastq": {
       "version": "1.13.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
@@ -4414,12 +4489,6 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
-    "follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "dev": true
-    },
     "foreground-child": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
@@ -5068,6 +5137,12 @@
         "asap": "~2.0.6"
       }
     },
+    "promise-polyfill": {
+      "version": "8.2.3",
+      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-8.2.3.tgz",
+      "integrity": "sha512-Og0+jCRQetV84U8wVjMNccfGCnMQ9mGs9Hv78QFe+pSDD3gWTpz0y+1QCuxy5d/vBFuZ3iwP2eycAkvqIMPmWg==",
+      "dev": true
+    },
     "punycode": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
@@ -5423,6 +5498,12 @@
       "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
       "dev": true
     },
+    "unfetch": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
+      "integrity": "sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA==",
+      "dev": true
+    },
     "uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
diff --git a/package.json b/package.json
index e0e7868..c57b5fd 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
   "scripts": {
     "test": "vitest run --coverage",
     "lint": "eslint \"**/*.js\" \"**/*.vue\" \"**/*.mjs\"",
-    "lint:fix": "eslint --fix \"**/*.js\" \"**/*.vue\" \"**/*.mjs\""
+    "lint:fix": "eslint --fix \"**/*.js\" \"**/*.vue\" \"**/*.mjs\"",
+    "start": "CLOUD_URL=https://pm.purepm.dev vite"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "latest",
@@ -21,6 +22,7 @@
     "vite": "latest",
     "vitest": "latest",
     "vue": "latest",
-    "vue-router": "^4.1.5"
+    "vue-router": "^4.1.5",
+    "@auth0/auth0-vue": "latest"
   }
 }
diff --git a/src/App.vue b/src/App.vue
index e81f157..03d89f9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,20 +1,32 @@
 <template>
-  <div class="wrapper">
+  <div
+    v-if="auth0 && !isLoading"
+    class="wrapper"
+  >
     <div class="links">
       <router-link to="/">
         Go to Home
       </router-link>
       <router-link
         class="other"
-        to="/Other"
+        to="/other"
       >
         Go to elsewhere
       </router-link>
+      <router-link
+        v-if="auth0 && auth0.isAuthenticated"
+        to="/protected"
+      >
+        protected
+      </router-link>
     </div>
     <router-view />
   </div>
 </template>
 <script setup>
+import {ref} from 'vue';
+import {useAuth0} from '@auth0/auth0-vue';
+const auth0 = ref(useAuth0());
 </script>
 <style scoped>
 .links{
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 9101e7d..662117a 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -2,14 +2,37 @@
   <div>
     <h1>Welcome Home</h1>
     <h2>{{ value }}</h2>
-    <button @click="onClick">
+    <button
+      class="increment"
+      @click="onClick"
+    >
       Test button
     </button>
+
+    <button
+      v-if="isAuthenticated"
+      class="logout"
+      @click="auth0.logout"
+    >
+      Logout
+    </button>
+    <button
+      v-else
+      class="login"
+      @click="auth0.loginWithRedirect"
+    >
+      Login
+    </button>
   </div>
 </template>
 <script setup>
-import {ref} from 'vue';
+import {ref, computed} from 'vue';
+import {useAuth0} from '@auth0/auth0-vue';
+const auth0 = ref(useAuth0());
 const value = ref(0);
+const isAuthenticated = computed(()=>{
+  return !!auth0?.value?.isAuthenticated?.value;
+});
 const onClick = (event)=>{
   value.value+=1;
 };
diff --git a/src/components/Protected.vue b/src/components/Protected.vue
new file mode 100644
index 0000000..4e6b2a6
--- /dev/null
+++ b/src/components/Protected.vue
@@ -0,0 +1,5 @@
+<template>
+  <h2>Welcome to the secure route</h2>
+</template>
+<script setup>
+</script>
diff --git a/src/index.mjs b/src/index.mjs
index 7d834e0..e29b716 100644
--- a/src/index.mjs
+++ b/src/index.mjs
@@ -1,16 +1,9 @@
-import App from './App.vue';
 import {createApp} from 'vue';
-import {mainRoutes} from './router/index.mjs';
 import Error from './Error.vue';
+import {VueApp} from './vue-app.mjs';
 
-async function bootstrap() {
-  const response = await axios.get('/environment'); // eslint-disable-line no-unused-vars
-  return createApp(App)
-      .use(mainRoutes)
-      .mount('#app');
-}
-
-bootstrap().then(()=>{
+const app = new VueApp();
+app.bootstrap().then(()=>{
   console.info('Application started successfully');
 }).catch((ex)=>{
   console.error('Application could not be started please report', ex);
diff --git a/src/router/index.mjs b/src/router/index.mjs
index ef986ed..1f6b932 100644
--- a/src/router/index.mjs
+++ b/src/router/index.mjs
@@ -1,9 +1,17 @@
 import {createWebHistory, createRouter} from 'vue-router';
 import Home from '../components/Home.vue';
 import Other from '../components/Other.vue';
+import Protected from '../components/Protected.vue';
+import {authGuard} from '@auth0/auth0-vue';
+
 const routes = [
   {path: '/', component: Home},
   {path: '/other', component: Other},
+  {
+    path: '/protected',
+    component: Protected,
+    beforeEnter: authGuard,
+  },
 ];
 const router = createRouter({
   history: createWebHistory(),
diff --git a/src/vue-app.mjs b/src/vue-app.mjs
new file mode 100644
index 0000000..e615137
--- /dev/null
+++ b/src/vue-app.mjs
@@ -0,0 +1,28 @@
+import {createApp} from 'vue';
+import App from './App.vue';
+import {mainRoutes} from './router/index.mjs';
+import {createAuth0} from '@auth0/auth0-vue';
+
+class VueApp {
+  async bootstrap() {
+    const response = await axios.get('/environment'); // eslint-disable-line no-unused-vars
+    this.env = response.data;
+    this.app = createApp(App);
+    if (this.env.auth0) {
+      console.info('Config Found!, Adding Auth0');
+      this.app.config.globalProperties.$authConfigured = true;
+      this.env.auth0.redirect_uri = window.location.origin;
+      // TODO: Update on function
+      this.env.auth0.client_id = this.env.auth0.clientId;
+      // TODO Add scope
+      this.app.use(createAuth0(this.env.auth0));
+    } else {
+      console.info('No Auth0 Config Found, Authentication unavailable');
+      this.app.config.globalProperties.$authConfigured = false;
+    }
+    return this.app.use(mainRoutes)
+        .mount('#app');
+  }
+}
+
+export {VueApp};
diff --git a/test/App.test.js b/test/App.test.js
index 8b0c25f..4324198 100644
--- a/test/App.test.js
+++ b/test/App.test.js
@@ -2,6 +2,7 @@ import {describe, it, beforeAll} from 'vitest';
 import {mount} from '@vue/test-utils';
 import {mainRoutes} from '../src/router/index.mjs';
 import App from '../src/App.vue';
+import {nextTick} from 'vue';
 
 describe('App', ()=>{
   expect(App).toBeTruthy();
@@ -15,8 +16,12 @@ describe('App', ()=>{
         plugins: [mainRoutes],
       },
     });
-
-    // expect(wrapper.html()).toContain('Welcome Home');
+    wrapper.vm.$.setupState.auth0 = {
+      isLoading: true,
+      isAuthenticated: true,
+    };
+    await nextTick();
+    expect(wrapper.html()).toContain('Welcome Home');
   });
   it('Simple Click Test', async ()=>{
     // await wrapper.find('.other').trigger('click');
diff --git a/test/components/Home.test.js b/test/components/Home.test.js
index 8817648..d6e0fae 100644
--- a/test/components/Home.test.js
+++ b/test/components/Home.test.js
@@ -1,16 +1,53 @@
-import {describe, it, beforeAll} from 'vitest';
+import {describe, it, beforeAll, vi} from 'vitest';
+import {nextTick} from 'vue';
 import {mount} from '@vue/test-utils';
 import Home from '../../src/components/Home.vue';
 
+const onLogin = ()=>{ };
+const onLogout = ()=>{ };
+
+
 describe('Home', ()=>{
   expect(Home).toBeTruthy();
   let wrapper;
+  let loginWithRedirect;
+  let logout;
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
   beforeAll(()=>{
-    wrapper = mount(Home);
-    expect(wrapper.vm.$.setupState.value).eq(0);
+    loginWithRedirect = vi.fn().mockImplementation(onLogin);
+    logout = vi.fn().mockImplementation(onLogout);
+  });
+  describe('Logged in', ()=>{
+    beforeAll(async ()=>{
+      wrapper = mount(Home);
+      wrapper.vm.$.setupState.auth0 = {
+        isAuthenticated: true,
+        logout,
+      };
+      await nextTick();
+      expect(wrapper.vm.$.setupState.value).eq(0);
+    });
+    it('Simple Click Test', async ()=>{
+      await wrapper.find('.increment').trigger('click');
+      expect(wrapper.vm.$.setupState.value).eq(1);
+    });
   });
-  it('Simple Click Test', async ()=>{
-    await wrapper.get('button').trigger('click');
-    expect(wrapper.vm.$.setupState.value).eq(1);
+  describe('logged out', ()=>{
+    beforeAll(async ()=>{
+      wrapper = mount(Home);
+      wrapper.vm.$.setupState.auth0 = {
+        isAuthenticated: false,
+        isLoading: false,
+        loginWithRedirect,
+      };
+      await nextTick();
+      expect(wrapper.vm.$.setupState.value).eq(0);
+    });
+    it('Test the login', async ()=>{
+      await wrapper.find('.login').trigger('click');
+      expect(loginWithRedirect).toHaveBeenCalledTimes(1);
+    });
   });
 });