From 4adae4e2d6bd4b8f078208f8c69441d4e2ce5b3a Mon Sep 17 00:00:00 2001
From: Fedorov Vladimir <vladimir.fodorow@gmail.com>
Date: Sun, 22 Mar 2026 01:42:08 +0700
Subject: [PATCH] add HeaderText

---
 src/assets/main.css           |  9 ---------
 src/components/GameHeader.vue |  3 ++-
 src/components/GameWindow.vue |  5 +++--
 src/components/HeaderText.vue | 18 ++++++++++++++++++
 4 files changed, 23 insertions(+), 12 deletions(-)
 create mode 100644 src/components/HeaderText.vue

diff --git a/src/assets/main.css b/src/assets/main.css
index 55438f1..bf1605c 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -16,12 +16,3 @@ body {
   height: calc(100dvh - 100px);
   text-align: center;     /* центрирование текста */
 }
-
-.text-with-font {
-  font-family: a_OldTyper;
-  color: #bfa07d;
-  font-weight: 600;
-  letter-spacing: 2px;
-  line-height: 20px;
-  font-size: 22px;
-}
diff --git a/src/components/GameHeader.vue b/src/components/GameHeader.vue
index b4eaa61..5a098d4 100644
--- a/src/components/GameHeader.vue
+++ b/src/components/GameHeader.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import BeltMiniBlock from './BeltMiniBlock.vue';
 import BeltBlock from './BeltBlock.vue';
+import HeaderText from './HeaderText.vue';
 </script>
 
 <template>
@@ -9,7 +10,7 @@ import BeltBlock from './BeltBlock.vue';
     <BeltMiniBlock class="belt-mini"></BeltMiniBlock>
     <BeltBlock class="belt">
       <div class="position-right-center-block">
-        <span class="text-with-font">Вечерний детектив</span>
+        <HeaderText>Вечерний детектив</HeaderText>
         <!-- <MetalPlate class="team-name-block">
             <div class="text-middle-wrapper text-truncate">
               <p>...</p>
diff --git a/src/components/GameWindow.vue b/src/components/GameWindow.vue
index 8110225..6d95305 100644
--- a/src/components/GameWindow.vue
+++ b/src/components/GameWindow.vue
@@ -8,6 +8,7 @@ import type { Action, Door, Team } from './models';
 import { apiGetGame, apiGetTeam, apiLetsgo } from './client';
 import { UnauthorizedError } from './UnauthorizedError';
 import WelcomeGameBlock from './WelcomeGameBlock.vue';
+import HeaderText from './HeaderText.vue';
 
 const router = useRouter();
 const route = useRoute();
@@ -152,8 +153,8 @@ onMounted(() => {
                   :disabled="gameState !== 'RUN'">
               </div>
               <div class="game-button-run-shadow"></div>
-              <button class="game-button-run text-with-font" type="submit"
-                :disabled="gameState !== 'RUN'">Поехали</button>
+              <button class="game-button-run" type="submit"
+                :disabled="gameState !== 'RUN'"><HeaderText>Поехали</HeaderText></button>
             </div>
           </form>
         </div>
diff --git a/src/components/HeaderText.vue b/src/components/HeaderText.vue
new file mode 100644
index 0000000..720b6cd
--- /dev/null
+++ b/src/components/HeaderText.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+/* код */
+</script>
+
+<template>
+  <span class="text-with-font"><slot></slot></span>
+</template>
+
+<style scoped>
+.text-with-font {
+  font-family: a_OldTyper;
+  color: #bfa07d;
+  font-weight: 600;
+  letter-spacing: 2px;
+  line-height: 20px;
+  font-size: 22px;
+}
+</style>