add HeaderText

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;
-}

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>

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>

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>