From c1d1e91594417b2b33279992b94c134fd06d99cc Mon Sep 17 00:00:00 2001
From: mfnefd <danilabal1119@gmail.com>
Date: Mon, 2 Dec 2024 23:19:00 +0400
Subject: [PATCH] =?UTF-8?q?add:=20=D1=85=D0=B5=D0=B4=D0=B5=D1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/App.vue                    |  9 +++++++--
 front/src/components/main/Header.vue | 18 ++++++++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 front/src/components/main/Header.vue

diff --git a/front/src/App.vue b/front/src/App.vue
index bbb0db4..751fbfd 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -1,9 +1,14 @@
 <script setup lang="ts">
+import Header from './components/main/Header.vue';
 </script>
 
 <template>
-  
+    <Header />
+    <main>
+        test
+    </main>
 </template>
 
 <style scoped>
-</style>
+
+</style>
\ No newline at end of file
diff --git a/front/src/components/main/Header.vue b/front/src/components/main/Header.vue
new file mode 100644
index 0000000..219a6ff
--- /dev/null
+++ b/front/src/components/main/Header.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <header>
+        <nav class="flex items-center justify-between p-4">
+            <a href="/" class="text-2xl font-bold">Мои финансы</a>
+            <ul class="flex items-center space-x-4">
+                <li><a href="/change-records" class="text-lg">Домашняя страница</a></li>
+                <li><a href="/spending-groups" class="text-lg">Группы расходов</a></li>
+            </ul>
+        </nav>
+    </header>
+</template>
+
+<style scoped>
+
+</style>