Basic vue frontend with auth

app/Http/Controllers/SinglePageController.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class SinglePageController extends Controller
+{
+
+    /**
+     * return the main view
+     * @return view
+     */
+    public function index()
+    {
+        return view("landing");
+    }
+}

app/Http/Controllers/UserController.php

@@ -21,6 +21,7 @@ public function login()
 
         if (Auth::attempt($credentials)) {
             $success['token'] = Auth::user()->createToken('MyApp')->accessToken;
+            $success['name'] = Auth::user()->name;
 
             return response()->json(['success' => $success]);
         }

package-lock.json

@@ -12,17 +12,17 @@
             }
         },
         "@babel/core": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.4.5.tgz",
-            "integrity": "sha512-lQgGX3FPRgbz2SKmhMtYgJvVzGZrmjaF4apZ2bLwofAKiSjxU0drPh4S/VasyYXwaTs+A1gvQ45BN8SQJzHsQQ==",
+            "integrity": "sha512-OvjIh6aqXtlsA8ujtGKfC7LYWksYSX8yQcM8Ay3LuvVeQ63lcOKgoZWVqcpFwkd29aYU9rVx7jxhfhiEDV9MZA==",
             "dev": true,
             "requires": {
                 "@babel/code-frame": "^7.0.0",
                 "@babel/generator": "^7.4.4",
                 "@babel/helpers": "^7.4.4",
-                "@babel/parser": "^7.4.4",
+                "@babel/parser": "^7.4.5",
                 "@babel/template": "^7.4.4",
-                "@babel/traverse": "^7.4.4",
+                "@babel/traverse": "^7.4.5",
                 "@babel/types": "^7.4.4",
                 "convert-source-map": "^1.1.0",
                 "debug": "^4.1.0",
@@ -272,9 +272,9 @@
             }
         },
         "@babel/parser": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.4.5.tgz",
-            "integrity": "sha512-5pCS4mOsL+ANsFZGdvNLybx4wtqAZJ0MJjMHxvzI3bvIsz6sQvzW8XX92EYIkiPtIvcfG3Aj+Ir5VNyjnZhP7w==",
+            "integrity": "sha512-9mUqkL1FF5T7f0WDFfAoDdiMVPWsdD1gZYzSnaXsxUCUqzuch/8of9G3VUSNiZmMBoRxT3neyVsqeiL/ZPcjew==",
             "dev": true
         },
         "@babel/plugin-proposal-async-generator-functions": {
@@ -547,12 +547,12 @@
             }
         },
         "@babel/plugin-transform-named-capturing-groups-regex": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.4.5.tgz",
-            "integrity": "sha512-Ki+Y9nXBlKfhD+LXaRS7v95TtTGYRAf9Y1rTDiE75zf8YQz4GDaWRXosMfJBXxnk88mGFjWdCRIeqDbon7spYA==",
+            "integrity": "sha512-z7+2IsWafTBbjNsOxU/Iv5CvTJlr5w4+HGu1HovKYTtgJ362f7kBcQglkfmlspKKZ3bgrbSGvLfNx++ZJgCWsg==",
             "dev": true,
             "requires": {
-                "regexp-tree": "^0.1.0"
+                "regexp-tree": "^0.1.6"
             }
         },
         "@babel/plugin-transform-new-target": {
@@ -595,12 +595,12 @@
             }
         },
         "@babel/plugin-transform-regenerator": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.4.5.tgz",
-            "integrity": "sha512-Zz3w+pX1SI0KMIiqshFZkwnVGUhDZzpX2vtPzfJBKQQq8WsP/Xy9DNdELWivxcKOCX/Pywge4SiEaPaLtoDT4g==",
+            "integrity": "sha512-gBKRh5qAaCWntnd09S8QC7r3auLCqq5DI6O0DlfoyDjslSBVqBibrMdsqO+Uhmx3+BlOmE/Kw1HFxmGbv0N9dA==",
             "dev": true,
             "requires": {
-                "regenerator-transform": "^0.13.4"
+                "regenerator-transform": "^0.14.0"
             }
         },
         "@babel/plugin-transform-reserved-words": {
@@ -683,9 +683,9 @@
             }
         },
         "@babel/preset-env": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.4.5.tgz",
-            "integrity": "sha512-FU1H+ACWqZZqfw1x2G1tgtSSYSfxJLkpaUQL37CenULFARDo+h4xJoVHzRoHbK+85ViLciuI7ME4WTIhFRBBlw==",
+            "integrity": "sha512-f2yNVXM+FsR5V8UwcFeIHzHWgnhXg3NpRmy0ADvALpnhB0SLbCvrCRr4BLOUYbQNLS+Z0Yer46x9dJXpXewI7w==",
             "dev": true,
             "requires": {
                 "@babel/helper-module-imports": "^7.0.0",
@@ -717,12 +717,12 @@
                 "@babel/plugin-transform-modules-commonjs": "^7.4.4",
                 "@babel/plugin-transform-modules-systemjs": "^7.4.4",
                 "@babel/plugin-transform-modules-umd": "^7.2.0",
-                "@babel/plugin-transform-named-capturing-groups-regex": "^7.4.4",
+                "@babel/plugin-transform-named-capturing-groups-regex": "^7.4.5",
                 "@babel/plugin-transform-new-target": "^7.4.4",
                 "@babel/plugin-transform-object-super": "^7.2.0",
                 "@babel/plugin-transform-parameters": "^7.4.4",
                 "@babel/plugin-transform-property-literals": "^7.2.0",
-                "@babel/plugin-transform-regenerator": "^7.4.4",
+                "@babel/plugin-transform-regenerator": "^7.4.5",
                 "@babel/plugin-transform-reserved-words": "^7.2.0",
                 "@babel/plugin-transform-shorthand-properties": "^7.2.0",
                 "@babel/plugin-transform-spread": "^7.2.0",
@@ -731,17 +731,17 @@
                 "@babel/plugin-transform-typeof-symbol": "^7.2.0",
                 "@babel/plugin-transform-unicode-regex": "^7.4.4",
                 "@babel/types": "^7.4.4",
-                "browserslist": "^4.5.2",
+                "browserslist": "^4.6.0",
-                "core-js-compat": "^3.0.0",
+                "core-js-compat": "^3.1.1",
                 "invariant": "^2.2.2",
                 "js-levenshtein": "^1.1.3",
                 "semver": "^5.5.0"
             }
         },
         "@babel/runtime": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz",
-            "integrity": "sha512-w0+uT71b6Yi7i5SE0co4NioIpSYS6lLiXvCzWzGSKvpK5vdQtCbICHMj+gbAKAOtxiV6HsVh/MBdaF9EQ6faSg==",
+            "integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==",
             "dev": true,
             "requires": {
                 "regenerator-runtime": "^0.13.2"
@@ -759,16 +759,16 @@
             }
         },
         "@babel/traverse": {
-            "version": "7.4.4",
+            "version": "7.4.5",
-            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.4.4.tgz",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.4.5.tgz",
-            "integrity": "sha512-Gw6qqkw/e6AGzlyj9KnkabJX7VcubqPtkUQVAwkc0wUMldr3A/hezNB3Rc5eIvId95iSGkGIOe5hh1kMKf951A==",
+            "integrity": "sha512-Vc+qjynwkjRmIFGxy0KYoPj4FdVDxLej89kMHFsWScq999uX+pwcX4v9mWRjW0KcAYTPAuVQl2LKP1wEVLsp+A==",
             "dev": true,
             "requires": {
                 "@babel/code-frame": "^7.0.0",
                 "@babel/generator": "^7.4.4",
                 "@babel/helper-function-name": "^7.1.0",
                 "@babel/helper-split-export-declaration": "^7.4.4",
-                "@babel/parser": "^7.4.4",
+                "@babel/parser": "^7.4.5",
                 "@babel/types": "^7.4.4",
                 "debug": "^4.1.0",
                 "globals": "^11.1.0",
@@ -1537,9 +1537,9 @@
             "dev": true
         },
         "bluebird": {
-            "version": "3.5.4",
+            "version": "3.5.5",
-            "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.4.tgz",
+            "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.5.tgz",
-            "integrity": "sha512-FG+nFEZChJrbQ9tIccIfZJBz3J7mLrAhxakAbnrJWn8d7aKOC+LWifa0G+p4ZqKp4y13T7juYvdhq9NzKdsrjw==",
+            "integrity": "sha512-5am6HnnfN+urzt4yfg7IgTbotDjIT/u8AJpEt0sIU9FtXfVeezXAPKswrG+xKUCOYAINpSdgZVDU6QFh+cuH3w==",
             "dev": true
         },
         "bn.js": {
@@ -1887,9 +1887,9 @@
             }
         },
         "caniuse-lite": {
-            "version": "1.0.30000969",
+            "version": "1.0.30000971",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000969.tgz",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000971.tgz",
-            "integrity": "sha512-Kus0yxkoAJgVc0bax7S4gLSlFifCa7MnSZL9p9VuS/HIKEL4seaqh28KIQAAO50cD/rJ5CiJkJFapkdDAlhFxQ==",
+            "integrity": "sha512-TQFYFhRS0O5rdsmSbF1Wn+16latXYsQJat66f7S7lizXW1PVpWJeZw9wqqVLIjuxDRz7s7xRUj13QCfd8hKn6g==",
             "dev": true
         },
         "chalk": {
@@ -1936,9 +1936,9 @@
             "dev": true
         },
         "chrome-trace-event": {
-            "version": "1.0.0",
+            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.0.tgz",
+            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz",
-            "integrity": "sha512-xDbVgyfDTT2piup/h8dK/y4QZfJRSa73bw1WZ8b4XM1o7fsFubUVGYcE+1ANtOzJJELGpYoG2961z0Z6OAld9A==",
+            "integrity": "sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==",
             "dev": true,
             "requires": {
                 "tslib": "^1.9.0"
@@ -2269,28 +2269,28 @@
             "dev": true
         },
         "core-js-compat": {
-            "version": "3.1.1",
+            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.1.1.tgz",
+            "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.1.3.tgz",
-            "integrity": "sha512-RH3kv8NFovFRMdeTEUgu8nMquEWKEVttOY3JFi8mN75sg72zygPqWbpWNTUw4JYEU43562tlzhdWsWqXmdFAnQ==",
+            "integrity": "sha512-EP018pVhgwsKHz3YoN1hTq49aRe+h017Kjz0NQz3nXV0cCRMvH3fLQl+vEPGr4r4J5sk4sU3tUC7U1aqTCeJeA==",
             "dev": true,
             "requires": {
                 "browserslist": "^4.6.0",
-                "core-js-pure": "3.1.1",
+                "core-js-pure": "3.1.3",
-                "semver": "^6.0.0"
+                "semver": "^6.1.0"
             },
             "dependencies": {
                 "semver": {
-                    "version": "6.0.0",
+                    "version": "6.1.0",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.0.0.tgz",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.1.0.tgz",
-                    "integrity": "sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==",
+                    "integrity": "sha512-kCqEOOHoBcFs/2Ccuk4Xarm/KiWRSLEX9CAZF8xkJ6ZPlIoTZ8V5f7J16vYLJqDbR7KrxTJpR2lqjIEm2Qx9cQ==",
                     "dev": true
                 }
             }
         },
         "core-js-pure": {
-            "version": "3.1.1",
+            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.1.1.tgz",
+            "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.1.3.tgz",
-            "integrity": "sha512-jH3ZJ0CJ0wwDvWY0olbOComLo6tbWg4kE2x0j4+wlqYnofwF9mYm98YvADuENUzGw69IddmWFCF1FQ2S0jP96A==",
+            "integrity": "sha512-k3JWTrcQBKqjkjI0bkfXS0lbpWPxYuHWfMMjC1VDmzU4Q58IwSbuXSo99YO/hUHlw/EB4AlfA2PVxOGkrIq6dA==",
             "dev": true
         },
         "core-util-is": {
@@ -2678,6 +2678,12 @@
             "integrity": "sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=",
             "dev": true
         },
+        "de-indent": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+            "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
+            "dev": true
+        },
         "debug": {
             "version": "3.2.6",
             "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
@@ -2961,9 +2967,9 @@
             "dev": true
         },
         "electron-to-chromium": {
-            "version": "1.3.135",
+            "version": "1.3.137",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.135.tgz",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.137.tgz",
-            "integrity": "sha512-xXLNstRdVsisPF3pL3H9TVZo2XkMILfqtD6RiWIUmDK2sFX1Bjwqmd8LBp0Kuo2FgKO63JXPoEVGm8WyYdwP0Q==",
+            "integrity": "sha512-kGi32g42a8vS/WnYE7ELJyejRT7hbr3UeOOu0WeuYuQ29gCpg9Lrf6RdcTQVXSt/v0bjCfnlb/EWOOsiKpTmkw==",
             "dev": true
         },
         "elliptic": {
@@ -3248,9 +3254,9 @@
             }
         },
         "express": {
-            "version": "4.17.0",
+            "version": "4.17.1",
-            "resolved": "https://registry.npmjs.org/express/-/express-4.17.0.tgz",
+            "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz",
-            "integrity": "sha512-1Z7/t3Z5ZnBG252gKUPyItc4xdeaA0X934ca2ewckAsVsw9EG71i++ZHZPYnus8g/s5Bty8IMpSVEuRkmwwPRQ==",
+            "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==",
             "dev": true,
             "requires": {
                 "accepts": "~1.3.7",
@@ -3733,7 +3739,8 @@
                 "ansi-regex": {
                     "version": "2.1.1",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "aproba": {
                     "version": "1.2.0",
@@ -3754,12 +3761,14 @@
                 "balanced-match": {
                     "version": "1.0.0",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "brace-expansion": {
                     "version": "1.1.11",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "balanced-match": "^1.0.0",
                         "concat-map": "0.0.1"
@@ -3774,17 +3783,20 @@
                 "code-point-at": {
                     "version": "1.1.0",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "concat-map": {
                     "version": "0.0.1",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "console-control-strings": {
                     "version": "1.1.0",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "core-util-is": {
                     "version": "1.0.2",
@@ -3901,7 +3913,8 @@
                 "inherits": {
                     "version": "2.0.3",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "ini": {
                     "version": "1.3.5",
@@ -3913,6 +3926,7 @@
                     "version": "1.0.0",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "number-is-nan": "^1.0.0"
                     }
@@ -3927,6 +3941,7 @@
                     "version": "3.0.4",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "brace-expansion": "^1.1.7"
                     }
@@ -3934,12 +3949,14 @@
                 "minimist": {
                     "version": "0.0.8",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "minipass": {
                     "version": "2.3.5",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "safe-buffer": "^5.1.2",
                         "yallist": "^3.0.0"
@@ -3958,6 +3975,7 @@
                     "version": "0.5.1",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "minimist": "0.0.8"
                     }
@@ -4038,7 +4056,8 @@
                 "number-is-nan": {
                     "version": "1.0.1",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "object-assign": {
                     "version": "4.1.1",
@@ -4050,6 +4069,7 @@
                     "version": "1.4.0",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "wrappy": "1"
                     }
@@ -4135,7 +4155,8 @@
                 "safe-buffer": {
                     "version": "5.1.2",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "safer-buffer": {
                     "version": "2.1.2",
@@ -4171,6 +4192,7 @@
                     "version": "1.0.2",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "code-point-at": "^1.0.0",
                         "is-fullwidth-code-point": "^1.0.0",
@@ -4190,6 +4212,7 @@
                     "version": "3.0.1",
                     "bundled": true,
                     "dev": true,
+                    "optional": true,
                     "requires": {
                         "ansi-regex": "^2.0.0"
                     }
@@ -4233,12 +4256,14 @@
                 "wrappy": {
                     "version": "1.0.2",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 },
                 "yallist": {
                     "version": "3.0.3",
                     "bundled": true,
-                    "dev": true
+                    "dev": true,
+                    "optional": true
                 }
             }
         },
@@ -5189,9 +5214,9 @@
             "dev": true
         },
         "json3": {
-            "version": "3.3.2",
+            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.2.tgz",
+            "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
-            "integrity": "sha1-PAQ0dD35Pi9cQq7nsZvLSDV19OE=",
+            "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==",
             "dev": true
         },
         "json5": {
@@ -5897,9 +5922,9 @@
             }
         },
         "node-releases": {
-            "version": "1.1.19",
+            "version": "1.1.21",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.19.tgz",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.21.tgz",
-            "integrity": "sha512-SH/B4WwovHbulIALsQllAVwqZZD1kPmKCqrhGfR29dXjLAVZMHvBjD3S6nL9D/J9QkmZ1R92/0wCMDKXUUvyyA==",
+            "integrity": "sha512-TwnURTCjc8a+ElJUjmDqU6+12jhli1Q61xOQmdZ7ECZVBZuQpN/1UnembiIHDM1wCcfLvh5wrWXUF5H6ufX64Q==",
             "dev": true,
             "requires": {
                 "semver": "^5.3.0"
@@ -7187,9 +7212,9 @@
             "dev": true
         },
         "regenerator-transform": {
-            "version": "0.13.4",
+            "version": "0.14.0",
-            "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.13.4.tgz",
+            "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.14.0.tgz",
-            "integrity": "sha512-T0QMBjK3J0MtxjPmdIMXm72Wvj2Abb0Bd4HADdfijwMdoIsyQZ6fWC7kDFhk2YinBBEMZDL7Y7wh0J1sGx3S4A==",
+            "integrity": "sha512-rtOelq4Cawlbmq9xuMR5gdFmv7ku/sFoB7sRiywx7aq53bc52b4j6zvH7Te1Vt/X2YveDKnCGUbioieU7FEL3w==",
             "dev": true,
             "requires": {
                 "private": "^0.1.6"
@@ -8032,9 +8057,9 @@
                     }
                 },
                 "readable-stream": {
-                    "version": "3.3.0",
+                    "version": "3.4.0",
-                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.3.0.tgz",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz",
-                    "integrity": "sha512-EsI+s3k3XsW+fU8fQACLN59ky34AZ14LoeVZpYwmZvldCFo0r0gnelwF2TcMjLor/BTL5aDJVBMkss0dthToPw==",
+                    "integrity": "sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==",
                     "dev": true,
                     "requires": {
                         "inherits": "^2.0.3",
@@ -8307,22 +8332,29 @@
             }
         },
         "terser-webpack-plugin": {
-            "version": "1.2.4",
+            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.2.4.tgz",
+            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.3.0.tgz",
-            "integrity": "sha512-64IiILNQlACWZLzFlpzNaG0bpQ4ytaB7fwOsbpsdIV70AfLUmIGGeuKL0YV2WmtcrURjE2aOvHD4/lrFV3Rg+Q==",
+            "integrity": "sha512-W2YWmxPjjkUcOWa4pBEv4OP4er1aeQJlSo2UhtCFQCuRXEHjOFscO8VyWHj9JLlA0RzQb8Y2/Ta78XZvT54uGg==",
             "dev": true,
             "requires": {
                 "cacache": "^11.3.2",
                 "find-cache-dir": "^2.0.0",
                 "is-wsl": "^1.1.0",
+                "loader-utils": "^1.2.3",
                 "schema-utils": "^1.0.0",
                 "serialize-javascript": "^1.7.0",
                 "source-map": "^0.6.1",
-                "terser": "^3.17.0",
+                "terser": "^4.0.0",
                 "webpack-sources": "^1.3.0",
                 "worker-farm": "^1.7.0"
             },
             "dependencies": {
+                "commander": {
+                    "version": "2.20.0",
+                    "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz",
+                    "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==",
+                    "dev": true
+                },
                 "schema-utils": {
                     "version": "1.0.0",
                     "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
@@ -8339,6 +8371,17 @@
                     "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
                     "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
                     "dev": true
+                },
+                "terser": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/terser/-/terser-4.0.0.tgz",
+                    "integrity": "sha512-dOapGTU0hETFl1tCo4t56FN+2jffoKyER9qBGoUFyZ6y7WLoKT0bF+lAYi6B6YsILcGF3q1C2FBh8QcKSCgkgA==",
+                    "dev": true,
+                    "requires": {
+                        "commander": "^2.19.0",
+                        "source-map": "~0.6.1",
+                        "source-map-support": "~0.5.10"
+                    }
                 }
             }
         },
@@ -8804,6 +8847,11 @@
                 "vue-style-loader": "^4.1.0"
             }
         },
+        "vue-router": {
+            "version": "3.0.6",
+            "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.6.tgz",
+            "integrity": "sha512-Ox0ciFLswtSGRTHYhGvx2L44sVbTPNS+uD2kRISuo8B39Y79rOo0Kw0hzupTmiVtftQYCZl87mwldhh2L9Aquw=="
+        },
         "vue-style-loader": {
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
@@ -8814,6 +8862,16 @@
                 "loader-utils": "^1.0.2"
             }
         },
+        "vue-template-compiler": {
+            "version": "2.6.10",
+            "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz",
+            "integrity": "sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==",
+            "dev": true,
+            "requires": {
+                "de-indent": "^1.0.2",
+                "he": "^1.1.0"
+            }
+        },
         "vue-template-es2015-compiler": {
             "version": "1.9.1",
             "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
@@ -8841,9 +8899,9 @@
             }
         },
         "webpack": {
-            "version": "4.32.0",
+            "version": "4.32.2",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.32.0.tgz",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.32.2.tgz",
-            "integrity": "sha512-ofFq9jjAn4HRzlmkcZZrjijbRZcqDw+mM9KrjKd0r6lS0qxyZ7jzICzhphGafXL62dGdjP7TgMK9mZeMLUgZgw==",
+            "integrity": "sha512-F+H2Aa1TprTQrpodRAWUMJn7A8MgDx82yQiNvYMaj3d1nv3HetKU0oqEulL9huj8enirKi8KvEXQ3QtuHF89Zg==",
             "dev": true,
             "requires": {
                 "@webassemblyjs/ast": "1.8.5",
@@ -8983,9 +9041,9 @@
                     }
                 },
                 "semver": {
-                    "version": "6.0.0",
+                    "version": "6.1.0",
-                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.0.0.tgz",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.1.0.tgz",
-                    "integrity": "sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==",
+                    "integrity": "sha512-kCqEOOHoBcFs/2Ccuk4Xarm/KiWRSLEX9CAZF8xkJ6ZPlIoTZ8V5f7J16vYLJqDbR7KrxTJpR2lqjIEm2Qx9cQ==",
                     "dev": true
                 },
                 "supports-color": {

package.json

@@ -12,7 +12,7 @@
     "devDependencies": {
         "axios": "^0.18",
         "bootstrap": "^4.1.0",
-        "cross-env": "^5.1",
+        "cross-env": "^5.2.0",
         "jquery": "^3.2",
         "laravel-mix": "^4.0.7",
         "lodash": "^4.17.5",
@@ -20,6 +20,10 @@
         "resolve-url-loader": "^2.3.1",
         "sass": "^1.15.2",
         "sass-loader": "^7.1.0",
-        "vue": "^2.5.17"
+        "vue": "^2.5.17",
+        "vue-template-compiler": "^2.6.10"
+    },
+    "dependencies": {
+        "vue-router": "^3.0.6"
     }
 }

public/mix-manifest.json

@@ -0,0 +1,5 @@
+{
+    "/js/app.js": "/js/app.js",
+    "/css/app.css": "/css/app.css",
+    "/js/bootstrap.js": "/js/bootstrap.js"
+}

resources/js/app.js

@@ -1,32 +1,36 @@
-/**
+import Vue          from 'vue'
- * First we will load all of this project's JavaScript dependencies which
+import VueRouter    from 'vue-router'
- * includes Vue and other libraries. It is a great starting point when
- * building robust, powerful web applications using Vue and Laravel.
- */
 
-require('./bootstrap');
+Vue.use(VueRouter)
 
-window.Vue = require('vue');
+import App          from './views/App'
+import Login        from './views/Login'
+import Register     from './views/Register'
+import Home         from './views/Welcome'
 
-/**
+const router = new VueRouter({
- * The following block of code may be used to automatically register your
+    mode: 'history',
- * Vue components. It will recursively scan this directory for the Vue
+    routes: [
- * components and automatically register them with their "basename".
+        {
- *
+            path: '/',
- * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
+            name: 'home',
- */
+            component: Home
-
+        },
-// const files = require.context('./', true, /\.vue$/i);
+        {
-// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
+            path: '/login',
-
+            name: 'login',
-Vue.component('example-component', require('./components/ExampleComponent.vue').default);
+            component: Login,
-
+        },
-/**
+        {
- * Next, we will create a fresh Vue application instance and attach it to
+            path: '/register',
- * the page. Then, you may begin adding components to this application
+            name: 'register',
- * or customize the JavaScript scaffolding to fit your unique needs.
+            component: Register,
- */
+        },
+    ],
+});
 
 const app = new Vue({
     el: '#app',
-});
+    components: { App },
+    router,
+});

resources/js/views/App.vue

@@ -0,0 +1,43 @@
+<template>
+    <div>
+        <nav class="navbar navbar-expand-md navbar-light navbar-laravel">
+            <div class="container">
+                <router-link :to="{name: 'home'}" class="navbar-brand">Treclon</router-link>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <!-- Left Side Of Navbar -->
+                    <ul class="navbar-nav mr-auto"></ul>
+                    <!-- Right Side Of Navbar -->
+                    <ul class="navbar-nav ml-auto">
+                        <!-- Authentication Links -->
+                        <router-link :to="{ name: 'login' }" class="nav-link" v-if="!isLoggedIn">Login</router-link>
+                        <router-link :to="{ name: 'register' }" class="nav-link" v-if="!isLoggedIn">Register</router-link>
+                        <li class="nav-link" v-if="isLoggedIn"> Hi, {{name}}</li>
+                        <router-link :to="{ name: 'home' }" class="nav-link" v-if="isLoggedIn">Home</router-link>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+        <main class="py-4">
+            <router-view></router-view>
+        </main>
+    </div>
+</template>
+
+<script>
+    export default {
+        data(){
+            return {
+                isLoggedIn : null,
+                name : null
+            }
+        },
+        mounted(){
+            this.isLoggedIn = localStorage.getItem('jwt')
+            this.name = localStorage.getItem('user')
+        }
+    }
+</script>

resources/js/views/Login.vue

@@ -0,0 +1,80 @@
+<template>
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-md-8">
+                <div class="card card-default">
+                    <div class="card-header">Login</div>
+
+                    <div class="card-body">
+                        <form method="POST" action="/login">
+                            <div class="form-group row">
+                                <label for="email" class="col-sm-4 col-form-label text-md-right">E-Mail Address</label>
+
+                                <div class="col-md-6">
+                                    <input id="email" type="email" class="form-control" v-model="email" required autofocus>
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="password" class="col-md-4 col-form-label text-md-right">Password</label>
+
+                                <div class="col-md-6">
+                                    <input id="password" type="password" class="form-control" v-model="password" required>
+                                </div>
+                            </div>
+
+                            <div class="form-group row mb-0">
+                                <div class="col-md-8 offset-md-4">
+                                    <button type="submit" class="btn btn-primary" @click="handleSubmit">
+                                        Login
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data(){
+            return {
+                email : "",
+                password : ""
+            }
+        },
+        methods : {
+            handleSubmit(e){
+                e.preventDefault()
+
+                if (this.password.length > 0) {
+                    axios.post('api/login', {
+                        email: this.email,
+                        password: this.password
+                      })
+                      .then(response => {
+                        localStorage.setItem('user',response.data.success.name)
+                        localStorage.setItem('jwt',response.data.success.token)
+
+                        if (localStorage.getItem('jwt') != null){
+                            this.$router.go('/')
+                        }
+                      })
+                      .catch(function (error) {
+                        console.error(error);
+                      });
+                }
+            }
+        },
+        beforeRouteEnter (to, from, next) {
+            if (localStorage.getItem('jwt')) {
+                return next('home');
+            }
+
+            next();
+        }
+    }
+</script>

resources/js/views/Register.vue

@@ -0,0 +1,106 @@
+<template>
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-md-8">
+                <div class="card card-default">
+                    <div class="card-header">Register</div>
+
+                    <div class="card-body">
+                        <form method="POST" action="/register">
+                            <div class="form-group row">
+                                <label for="name" class="col-md-4 col-form-label text-md-right">Name</label>
+
+                                <div class="col-md-6">
+                                    <input id="name" type="text" class="form-control" v-model="name" required autofocus>
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="email" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>
+
+                                <div class="col-md-6">
+                                    <input id="email" type="email" class="form-control" v-model="email" required>
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="password" class="col-md-4 col-form-label text-md-right">Password</label>
+
+                                <div class="col-md-6">
+                                    <input id="password" type="password" class="form-control" v-model="password" required>
+                                </div>
+                            </div>
+
+                            <div class="form-group row">
+                                <label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirm Password</label>
+
+                                <div class="col-md-6">
+                                    <input id="password-confirm" type="password" class="form-control" v-model="password_confirmation" required>
+                                </div>
+                            </div>
+
+                            <div class="form-group row mb-0">
+                                <div class="col-md-6 offset-md-4">
+                                    <button type="submit" class="btn btn-primary" @click="handleSubmit">
+                                        Register
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data(){
+            return {
+                name : "",
+                email : "",
+                password : "",
+                password_confirmation : ""
+            }
+        },
+        methods : {
+            handleSubmit(e) {
+                e.preventDefault()
+
+                if (this.password === this.password_confirmation && this.password.length > 0)
+                {
+                    axios.post('api/register', {
+                        name: this.name,
+                        email: this.email,
+                        password: this.password,
+                        c_password : this.password_confirmation
+                      })
+                      .then(response => {
+                        localStorage.setItem('user',response.data.success.name)
+                        localStorage.setItem('jwt',response.data.success.token)
+
+                        if (localStorage.getItem('jwt') != null){
+                            this.$router.go('/')
+                        }
+                      })
+                      .catch(error => {
+                        console.error(error);
+                      });
+                } else {
+                    this.password = ""
+                    this.passwordConfirm = ""
+
+                    return alert('Passwords do not match')
+                }
+            }
+        },
+        beforeRouteEnter (to, from, next) {
+            if (localStorage.getItem('jwt')) {
+                return next('home');
+            }
+
+            next();
+        }
+    }
+</script>

resources/js/views/Welcome.vue

@@ -0,0 +1,56 @@
+<template>
+    <div class="flex-center position-ref full-height">
+        <div class="content">
+            <div  class="m-b-md">
+                <h2 class="title m-b-md">
+                    Treclon
+                </h2>
+                <h3>
+                    Your efficent task planner
+                </h3>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.full-height {
+    height: 100vh;
+}
+.flex-center {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+}
+.position-ref {
+    position: relative;
+}
+.top-right {
+    position: absolute;
+    right: 10px;
+    top: 18px;
+}
+.content {
+    text-align: center;
+}
+.title {
+    font-size: 60px;
+}
+.links > a {
+    color: #636b6f;
+    padding: 0 25px;
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: .1rem;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+.m-b-md {
+    margin-bottom: 30px;
+    color: #000000;
+}
+</style>
+
+<script>
+    export default {}
+</script>

resources/views/landing.blade.php

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{csrf_token()}}">
+    <title>{{ env("APP_NAME") }}</title>
+    <link href=" {{ mix('css/app.css') }}" rel="stylesheet">
+</head>
+<body>
+    <div id="app">
+        <app></app>
+    </div>
+    <script src="{{ mix('js/bootstrap.js') }}"></script>
+    <script src="{{ mix('js/app.js') }}"></script>
+</body>
+</html>

routes/web.php

@@ -11,9 +11,9 @@
 |
 */
 
-Route::get('/', function () {
+// Route::get('/', function () {
-    return view('welcome');
+//     return view('welcome');
-});
+// });
 
-
+Route::get('twofaccount/{TwoFAccount}', 'TwoFAccountController@show');
-Route::get('twofaccount/{TwoFAccount}', 'TwoFAccountController@show');
+Route::get('/{any}', 'SinglePageController@index')->where('any', '.*');

webpack.mix.js

@@ -12,4 +12,5 @@ const mix = require('laravel-mix');
  */
 
 mix.js('resources/js/app.js', 'public/js')
-    .sass('resources/sass/app.scss', 'public/css');
+    .js('resources/js/bootstrap.js', 'public/js')
+    .sass('resources/sass/app.scss', 'public/css');