добавил footer и navbar

student-perfomance-frontend/app.vue

@@ -1,7 +1,5 @@
 <template>
-  <div>
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
-  </div>
 </template>

student-perfomance-frontend/assets/scss/main.scss

@@ -1 +1,5 @@
 @import 'bootstrap/scss/bootstrap';
+
+html, body, #__nuxt {
+    min-height: 100vh;
+}

student-perfomance-frontend/components/AppFooter.vue

@@ -1,11 +1,9 @@
 <template>
-  <div />
+  <div class="container p-3">
+    <span>&copy; {{year}} Информационная система университета</span>
+  </div>
 </template>
 
 <script lang="ts" setup>
-
+const year = new Date().getFullYear()
 </script>
-
-<style>
-
-</style>

student-perfomance-frontend/components/AppHeader.vue

@@ -49,7 +49,7 @@
             </div>
           </li>
         </ul>
-        <form class="d-flex my-2 my-lg-0">
+        <!-- <form class="d-flex my-2 my-lg-0">
           <input
             class="form-control me-sm-2"
             type="text"
@@ -61,7 +61,7 @@
           >
             Search
           </button>
-        </form>
+        </form> -->
       </div>
     </div>
   </nav>

student-perfomance-frontend/layouts/default.vue

@@ -1,7 +1,9 @@
 <template>
-  <div>
+  <div class="d-flex flex-column min-vh-100">
     <AppHeader />
-    <slot />
+    <div class="container flex-fill">
+      <slot />
+    </div>
     <AppFooter />
   </div>
 </template>