From 6629f83eb62d5e3c67ba1c2f9ff502ced611dbde Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Tue, 3 Dec 2024 16:31:37 +0100
Subject: [PATCH] Started to work in projects component

---
 src/App.vue                      |  2 +-
 src/components/Home/Projects.vue | 21 +++++++++++++++++++++
 src/views/HomeView.vue           |  2 ++
 3 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Home/Projects.vue

diff --git a/src/App.vue b/src/App.vue
index a633fa2..cdbeebf 100644
--- a/src/App.vue
+++ b/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">
diff --git a/src/components/Home/Projects.vue b/src/components/Home/Projects.vue
new file mode 100644
index 0000000..78c95aa
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 60dbb50..67aa623 100644
--- a/src/views/HomeView.vue
+++ b/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>