Add Main component

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>

spa/src/views/HomeView.vue

@@ -5,6 +5,6 @@ import Footer from '../components/Footer.vue'
 
 <template>
   <Header />
-  
+  <Main />
   <Footer />
 </template>