Merge branch 'main' into feature/file-upload

Author: Gareth Redfern

netlify.toml

@@ -0,0 +1,7 @@
+[build]
+  publish = "dist"
+  command = "npm run build"
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200

src/assets/css/tailwind.css

@@ -6,4 +6,10 @@
   body {
     @apply bg-gray-50;
   }
+  .base-link {
+    @apply text-blue-400;
+    @apply hover:text-blue-500;
+    @apply hover:underline;
+    @apply transition;
+  }
 }

src/components/LoginForm.vue

@@ -18,11 +18,9 @@
     />
     <div class="flex justify-between">
       <BaseBtn type="submit" text="Login" />
-      <router-link
-        to="/forgot-password"
-        class="text-sm text-blue-500 transition hover:text-blue-600"
-        >Forgot your password?</router-link
-      >
+      <router-link to="/forgot-password" class="text-sm base-link">
+        Forgot your password?
+      </router-link>
     </div>
     <FlashMessage :error="error" />
   </form>

src/services/API.js

@@ -24,6 +24,6 @@ apiClient.interceptors.response.use(
     if (error.response.status === 401 || error.response.status === 419) {
       store.dispatch("auth/logout");
     }
-    return Promise.reject(error.response);
+    return Promise.reject(error);
   }
 );

src/services/AuthService.js

@@ -17,7 +17,7 @@ authClient.interceptors.response.use(
     if (error.response.status === 401 || error.response.status === 419) {
       store.dispatch("auth/logout");
     }
-    return Promise.reject(error.response);
+    return Promise.reject(error);
   }
 );
 

src/utils/helpers.js

@@ -1,4 +1,4 @@
 export const getError = (error) => {
-  console.debug({ error });
+  console.debug({ error }); // remove in production
   return error.data && error.data.errors ? error.data.errors : error;
 };

src/views/Dashboard.vue

@@ -1,6 +1,18 @@
 <template>
   <div class="py-5">
-    <p>Welcome to your Dashboard</p>
+    <p class="mb-4 text-gray-400">
+      Full documentation for how this application is built can be found at
+      <a href="https://laravelvuespa.com/" class="base-link"
+        >laravelvuespa.com</a
+      >.
+    </p>
+    <div class="grid gap-10 md:grid-cols-3">
+      <ul class="p-5 bg-white border rounded shadow">
+        <li>
+          <router-link to="/user" class="base-link"> View Profile </router-link>
+        </li>
+      </ul>
+    </div>
   </div>
 </template>
 

src/views/Home.vue

@@ -1,10 +1,18 @@
 <template>
-  <div class="max-w-sm p-5 m-auto">
-    <article class="text-lg text-center">
+  <div class="max-w-lg p-5 m-auto">
+    <article class="p-5 text-lg text-center bg-white border rouned">
       <p>Welcome to the Laravel Vue Demo app.</p>
       <p>
         You can register for an account
-        <router-link to="/register" class="text-blue-500">here</router-link>.
+        <router-link to="/register" class="base-link">here</router-link>.
+      </p>
+    </article>
+    <article class="p-5 mt-5 text-lg text-center bg-white border rounded">
+      <p>
+        Docs on how this application is built can be found at:
+        <a href="https://laravelvuespa.com/" class="base-link"
+          >laravelvuespa.com</a
+        >
       </p>
     </article>
   </div>