logo add

spa/src/assets/main.css

@@ -1,4 +1,9 @@
-html, body {
+html {
+  padding: 0;
+  margin: 5px;
+}
+
+body {
   padding: 0;
   margin: 0;
 }

spa/src/components/Header.vue

@@ -11,7 +11,7 @@
         
         <ul v-show="isOpen" class="menu-list">
           <li v-for="item in menuItems" :key="item.id">
-            <router-link :to="item.tooo">{{ item.id }} - {{ item.title }}</router-link>
+            <router-link :to="item.to">{{ item.id }} - {{ item.title }}</router-link>
           </li>
         </ul>
       </div>
@@ -25,12 +25,12 @@
       return {
         isOpen: false,
         menuItems: [
-          { id: 1, title: 'Главная', tooo: 'home' },
-          { id: 2, title: 'О нас', tooo: 'about' },
-          { id: 3, title: 'Услуги', tooo: 'home' },
-          { id: 4, title: 'Контакты', tooo: 'home' },
-          { id: 5, title: 'Блог', tooo: 'home' },
-          { id: 6, title: 'SignUp', tooo: 'signup' }
+          { id: 1, title: 'Главная', to: '#' },
+          { id: 2, title: 'О нас', to: '/about' },
+          { id: 3, title: 'Услуги', to: '#' },
+          { id: 4, title: 'Контакты', to: '#' },
+          { id: 5, title: 'Блог', to: '#' },
+          { id: 6, title: 'SignUp', to: '#' }
         ]
       };
     }

spa/src/views/AboutV.vue

@@ -1,8 +1,12 @@
 <script setup>
+import Header from '../components/Header.vue'
 import About from '../components/AboutC.vue'
+import Footer from '../components/Footer.vue'
 </script>
 
 <template>
+  <Header />
   <About />
+  <Footer />
 </template>