From 205dc4034a2d7a22e813af7423cbb787ee84184b Mon Sep 17 00:00:00 2001
From: Julian Lobbes <julian.lobbes@protonmail.com>
Date: Mon, 13 Mar 2023 20:07:22 +0100
Subject: [PATCH] feat: make template components a bit prettier

---
 frontend/src/js/components/ExampleComponent.vue | 5 +++--
 frontend/src/js/views/NotFound.vue              | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/js/components/ExampleComponent.vue b/frontend/src/js/components/ExampleComponent.vue
index 6259fba..93195b0 100644
--- a/frontend/src/js/components/ExampleComponent.vue
+++ b/frontend/src/js/components/ExampleComponent.vue
@@ -1,5 +1,6 @@
 <template>
-  <div>
-    <p>Amet cursus sit amet dictum. Feugiat vivamus at augue eget arcu dictum. Sed enim ut sem viverra aliquet eget sit. Pellentesque eu tincidunt tortor aliquam nulla facilisi.</p>
+  <div class="p-8">
+    <h1 class="font-accent text-5xl">Hello World!</h1>
+    <p>If you're seeing this text, Vue.js is working correctly!</p>
   </div>
 </template>
diff --git a/frontend/src/js/views/NotFound.vue b/frontend/src/js/views/NotFound.vue
index 9d2c444..07d777d 100644
--- a/frontend/src/js/views/NotFound.vue
+++ b/frontend/src/js/views/NotFound.vue
@@ -9,6 +9,7 @@ export default {
 
 <template>
   <div>
-    <p>The page you are looking for was not found &#1F641;</p>
+    <p class="text-center text-6xl py-8">404 Error</p>
+    <p class="text-center text-2xl py-8">The page you are looking for was not found &#x1F641;</p>
   </div>
 </template>