From 248f0983398a589c514deeb79df146f51f777069 Mon Sep 17 00:00:00 2001
From: valitovgaziz <a-c-v-a-l@mail.ru>
Date: Sat, 23 Nov 2024 01:37:48 +0500
Subject: [PATCH] Add Main component

---
 spa/src/components/Main.vue | 33 +++++++++++++++++++++++++++++++++
 spa/src/views/HomeView.vue  |  2 +-
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 spa/src/components/Main.vue

diff --git a/spa/src/components/Main.vue b/spa/src/components/Main.vue
new file mode 100644
index 0000000..6f46da7
--- /dev/null
+++ b/spa/src/components/Main.vue
@@ -0,0 +1,33 @@
+<template>
+    <div class="content-wrapper" :class="{ centered: isCentered }">
+      <slot></slot>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'ContentWrapper',
+    props: {
+      // Проп для управления положением контента (центрирование или выравнивание вверх)
+      isCentered: {
+        type: Boolean,
+        default: true
+      }
+    }
+  };
+  </script>
+  
+  <style scoped>
+  .content-wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start; /* Выравниваем контент к верху */
+    align-items: stretch;
+    min-height: 100vh; /* Если нужно растянуть контейнер на всю высоту экрана */
+  }
+  
+  .centered {
+    justify-content: center; /* Центрирование контента вертикально */
+    align-items: center;     /* Центрирование контента горизонтально */
+  }
+  </style>
\ No newline at end of file
diff --git a/spa/src/views/HomeView.vue b/spa/src/views/HomeView.vue
index df59a77..67d325e 100644
--- a/spa/src/views/HomeView.vue
+++ b/spa/src/views/HomeView.vue
@@ -5,6 +5,6 @@ import Footer from '../components/Footer.vue'
 
 <template>
   <Header />
-  
+  <Main />
   <Footer />
 </template>