Blogs

frontend/app/pages/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import TableHeader from '~/components/parts/TableHeader.vue';
 import api from '~/composables/api'
 const { get, post } = api();
 
@@ -14,17 +15,9 @@ onMounted(async () => {
 </script>
 
 <template>
-    <div class="undertable">
-        <h1>ARANROIG.COM</h1>
-        <div class="menus">
-            <a href="/">About</a>
-            <a class="disabled">Blogs</a>
-            <a class="disabled">Drawings</a>
-        </div>
-    </div>
+    <TableHeader></TableHeader>
 
-    <Container style="width: max-width;">
-        <Sprite path="/sprites/alfadir/" frames="13" fps="6" top="-418px" left="-5px" width="1300"></Sprite> 
+    <Container>
     <h2>About</h2>
         <p>
             I'm Aran. Welcome to my website! It will always remain under development.
@@ -86,20 +79,6 @@ onMounted(async () => {
 </template>
 
 <style lang="scss" scoped>
-.undertable {
-    margin-left: 80px;
-    margin-bottom: 25px;
-    user-select: none;
-
-    .menus > a {
-        margin-right: 20px;
-    }
-
-    .disabled {
-        color: #aaaaaa77;
-    }
-}
-
 h2 {
     margin-left: 20px;
 }