From 824fc4b47414882bccdb3b5dd4ee856501092f37 Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Sat, 26 Nov 2022 10:22:17 +0100
Subject: [PATCH] Refactor: layout

---
 layouts/default.vue | 19 ++++++++++++++++---
 pages/index.vue     | 13 +++++++++++--
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 78ecc8f..6c13ae8 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -26,7 +26,13 @@
       </v-list>
       <template #append>
         <div class="pa-2">
-          <v-btn block outlined color="primary" prepend-icon="mdi-email-outline" :href="`mailto:${myName}<${myEmail}>`">
+          <v-btn
+            block
+            outlined
+            color="primary"
+            prepend-icon="mdi-email-outline"
+            :href="`mailto:${myName}<${myEmail}>`"
+          >
             Contact
           </v-btn>
         </div>
@@ -34,7 +40,12 @@
     </v-navigation-drawer>
     <v-app-bar fixed flat app color="transparent">
       <template v-slot:prepend>
-        <v-avatar size="48" color="backgroundSecondary" style="cursor: pointer" @click.native="$router.push('/')">
+        <v-avatar
+          size="48"
+          color="backgroundSecondary"
+          style="cursor: pointer"
+          @click.native="$router.push('/')"
+        >
           <img src="~/assets/avatar_transparent.png" width="55" />
         </v-avatar>
       </template>
@@ -57,7 +68,9 @@
       <v-row justify="center" no-gutters>
         <v-col cols="12" class="text-center">
           <v-divider></v-divider>
-          <span class="text-caption">&copy; {{ new Date().getFullYear() }} | {{ myName }}</span>
+          <span class="text-caption">
+            &copy; {{ new Date().getFullYear() }} | {{ myName }}
+          </span>
         </v-col>
       </v-row>
     </v-footer>
diff --git a/pages/index.vue b/pages/index.vue
index 40a5345..e92221f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,10 +4,19 @@
       <span class="text-h3">Hi, my name is Manuel.</span>
     </v-col>
     <v-col cols="12">
-      <span class="text-h6">I'm a Software Developer based in Vienna, Austria.<br/>I make all kind of applications.</span>
+      <span class="text-h6">
+        I'm a Software Developer based in Vienna, Austria.<br/>
+        I make all kind of applications.
+      </span>
     </v-col>
     <v-col cols="12">
-      <v-btn depressed outlined color="primary" prepend-icon="mdi-email-outline" href="mailto:rakantor.dev@gmail.com">
+      <v-btn
+        depressed
+        outlined
+        color="primary"
+        prepend-icon="mdi-email-outline"
+        href="mailto:rakantor.dev@gmail.com"
+      >
         Contact me
       </v-btn>
     </v-col>