Get a working rough copy of the login page

resources/assets/pterodactyl/scripts/app.js

@@ -1,6 +1,8 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
 import vuexI18n from 'vuex-i18n';
+import VuexFlash from 'vuex-flash';
+import { createFlashStore } from 'vuex-flash';
 import VueRouter from 'vue-router';
 
 // Helpers
@@ -15,7 +17,11 @@ window.Ziggy = Ziggy;
 
 Vue.use(Vuex);
 
-const store = new Vuex.Store();
+const store = new Vuex.Store({
+    plugins: [
+        createFlashStore(),
+    ],
+});
 const route = require('./../../../../vendor/tightenco/ziggy/src/js/route').default;
 
 Vue.config.productionTip = false;
@@ -26,6 +32,10 @@ Vue.mixin({
 });
 
 Vue.use(VueRouter);
+Vue.use(VuexFlash, {
+    mixin: true,
+    template: require('./components/errors/Flash.template')
+});
 Vue.use(vuexI18n.plugin, store);
 
 Vue.i18n.add('en', Locales.en);
@@ -34,9 +44,20 @@ Vue.i18n.set('en');
 const router = new VueRouter({
     routes: [
         {
-            path: '/:action?',
+            name: 'login',
+            path: '/',
             component: Login,
-        }
+        },
+        {
+            name: 'forgot-password',
+            path: '/forgot-password',
+            component: Login,
+        },
+        {
+            name: 'checkpoint',
+            path: '/checkpoint',
+            component: Login,
+        },
     ]
 });