From 5d87f07043b1c8819fde3db1c4ab075148bf638d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9D=D0=B8=D0=BA=D0=B8=D1=82=D0=B0=20=D0=9F=D0=BE=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BF=D0=BE=D0=B2?= <ns.potapov@yandex.ru>
Date: Sun, 18 May 2025 20:47:45 +0400
Subject: [PATCH] =?UTF-8?q?=D0=BE=D0=BF=D1=82=D0=B8=D0=BC=D0=B8=D0=B7?=
 =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BB=20=D0=B8=D0=BC=D0=BF=D0=BE?=
 =?UTF-8?q?=D1=80=D1=82=20bs5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/scss/_variables.scss               |  0
 student-perfomance-frontend/bun.lock          |  1 +
 .../components/AppFooter.vue                  |  2 +-
 .../components/AppHeader.vue                  | 67 ++++++++++++++++++-
 student-perfomance-frontend/nuxt.config.ts    |  4 ++
 student-perfomance-frontend/package.json      |  1 +
 .../plugins/bootstrap.client.ts               |  6 +-
 7 files changed, 75 insertions(+), 6 deletions(-)
 create mode 100644 student-perfomance-frontend/assets/scss/_variables.scss

diff --git a/student-perfomance-frontend/assets/scss/_variables.scss b/student-perfomance-frontend/assets/scss/_variables.scss
new file mode 100644
index 0000000..e69de29
diff --git a/student-perfomance-frontend/bun.lock b/student-perfomance-frontend/bun.lock
index 6a5fe0a..4889c2a 100644
--- a/student-perfomance-frontend/bun.lock
+++ b/student-perfomance-frontend/bun.lock
@@ -5,6 +5,7 @@
       "name": "nuxt-app",
       "dependencies": {
         "@nuxt/eslint": "1.4.0",
+        "@popperjs/core": "^2.11.8",
         "bootstrap": "^5.3.6",
         "eslint": "^9.27.0",
         "nuxt": "^3.17.3",
diff --git a/student-perfomance-frontend/components/AppFooter.vue b/student-perfomance-frontend/components/AppFooter.vue
index 5ab6a44..8561dcb 100644
--- a/student-perfomance-frontend/components/AppFooter.vue
+++ b/student-perfomance-frontend/components/AppFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <div/>
+  <div />
 </template>
 
 <script lang="ts" setup>
diff --git a/student-perfomance-frontend/components/AppHeader.vue b/student-perfomance-frontend/components/AppHeader.vue
index 5ab6a44..665bbe0 100644
--- a/student-perfomance-frontend/components/AppHeader.vue
+++ b/student-perfomance-frontend/components/AppHeader.vue
@@ -1,5 +1,70 @@
 <template>
-  <div/>
+  <nav
+    class="navbar navbar-expand-sm navbar-light bg-light"
+  >
+    <div class="container">
+      <a class="navbar-brand" href="#">Navbar</a>
+      <button
+        class="navbar-toggler d-lg-none"
+        type="button"
+        data-bs-toggle="collapse"
+        data-bs-target="#collapsibleNavId"
+        aria-controls="collapsibleNavId"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+      >
+        <span class="navbar-toggler-icon"/>
+      </button>
+      <div id="collapsibleNavId" class="collapse navbar-collapse">
+        <ul class="navbar-nav me-auto mt-2 mt-lg-0">
+          <li class="nav-item">
+            <a class="nav-link active" href="#" aria-current="page"
+              >Home
+              <span class="visually-hidden">(current)</span></a
+            >
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Link</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a
+              id="dropdownId"
+              class="nav-link dropdown-toggle"
+              href="#"
+              data-bs-toggle="dropdown"
+              aria-haspopup="true"
+              aria-expanded="false"
+              >Dropdown</a
+            >
+            <div
+              class="dropdown-menu"
+              aria-labelledby="dropdownId"
+            >
+              <a class="dropdown-item" href="#"
+                >Action 1</a
+              >
+              <a class="dropdown-item" href="#"
+                >Action 2</a
+              >
+            </div>
+          </li>
+        </ul>
+        <form class="d-flex my-2 my-lg-0">
+          <input
+            class="form-control me-sm-2"
+            type="text"
+            placeholder="Search"
+          >
+          <button
+            class="btn btn-outline-success my-2 my-sm-0"
+            type="submit"
+          >
+            Search
+          </button>
+        </form>
+      </div>
+    </div>
+  </nav>
 </template>
 
 <script lang="ts" setup>
diff --git a/student-perfomance-frontend/nuxt.config.ts b/student-perfomance-frontend/nuxt.config.ts
index 00c2d74..d9adb09 100644
--- a/student-perfomance-frontend/nuxt.config.ts
+++ b/student-perfomance-frontend/nuxt.config.ts
@@ -2,8 +2,11 @@
 export default defineNuxtConfig({
   compatibilityDate: '2025-05-15',
   devtools: { enabled: true },
+
   modules: ['@nuxt/eslint'],
 
+  plugins: ['~/plugins/bootstrap.client.ts'],
+
   css: [
     '~/assets/scss/main.scss',
   ],
@@ -13,6 +16,7 @@ export default defineNuxtConfig({
       preprocessorOptions: {
         scss: {
           silenceDeprecations: ['mixed-decls', 'color-functions', 'global-builtin', 'import'],
+          additionalData: '@use "~/assets/scss/_variables.scss" as *;',
         },
       },
     },
diff --git a/student-perfomance-frontend/package.json b/student-perfomance-frontend/package.json
index 766921f..3786487 100644
--- a/student-perfomance-frontend/package.json
+++ b/student-perfomance-frontend/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@nuxt/eslint": "1.4.0",
+    "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.6",
     "eslint": "^9.27.0",
     "nuxt": "^3.17.3",
diff --git a/student-perfomance-frontend/plugins/bootstrap.client.ts b/student-perfomance-frontend/plugins/bootstrap.client.ts
index 00945a1..0a0cd14 100644
--- a/student-perfomance-frontend/plugins/bootstrap.client.ts
+++ b/student-perfomance-frontend/plugins/bootstrap.client.ts
@@ -1,5 +1,3 @@
-import bootstrap from 'bootstrap'
+import 'bootstrap/dist/js/bootstrap.bundle.min.js'
 
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.provide('bs', bootstrap)
-})
+export default defineNuxtPlugin(() => {})