Started to work in projects component

src/App.vue

@@ -5,7 +5,7 @@ import Header from './components/Header.vue';
 
 <template>
   <header>
-    <Header :links="[['google', 'a'], ['yahoo', 'a'], ['Yandex', 'a']]"></Header>
+    <!--<Header :links="[['About me', 'a'], ['Projects', '#projects']]"></Header>-->
   </header>
 
   <div id="view_content">

src/components/Home/Projects.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <div class="projects">
+        <h1 id="projects">My projects</h1>
+    </div>
+</template>
+
+<style scoped>
+
+    .projects{
+        width: 100%;
+        border: 2px green dotted;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap-reverse;
+    }
+
+</style>

src/views/HomeView.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
   import TypewriterWelcome from '@/components/Home/TypewriterWelcome.vue';
+  import Projects from '@/components/Home/Projects.vue';
 </script>
 
 <template>
   <main>
     <TypewriterWelcome />
+    <Projects />
   </main>
 </template>