...

app/app.coffee

@@ -82,8 +82,8 @@ globalThis.app = Vue.createApp
 
     
     components: {
-        'hero-section': require('shared/HeroSection')
-        'image-gallery': require('shared/ImageGallery')
+        'hero-section': require('app/shared/HeroSection')
+        'image-gallery': require('app/shared/ImageGallery')
     }
 # Создаем и настраиваем роутер
 router = VueRouter.createRouter({

app/pages/Home.pug

@@ -1,14 +1,14 @@
+extends ../layout.pug
+
 include ../../pug/base.pug
 include ../../pug/bem.pug
-extends ../layout.pug
 
 block top-content
     hero-section(:document="document")
 
 block content
     div(class="max-w-4xl mx-auto px-4" v-if="document")
-        h1(class="text-3xl font-bold text-contrast-high animate-fade-in-up") {{ document.translations[_.currentLanguage]?.title || document.translations.en.title }}
-        p(class="text-xl text-contrast-medium mb-8 animate-fade-in-up") {{ document.translations[_.currentLanguage]?.subtitle || document.translations.en.subtitle }}
-        div(class="prose mt-6 animate-fade-in-up" v-html="marked.parse(document.translations[_.currentLanguage]?.content || document.translations.en.content)")
+        h1(class="text-3xl font-bold text-contrast-high animate-fade-in-up") {{ document.translations[_.appState.currentLanguage]?.title || document.translations.en.title }}
+        div(class="prose mt-6 animate-fade-in-up" v-html="marked.parse(document.translations[_.appState.currentLanguage]?.content || document.translations.en.content)")
         div(class="mt-12")
-            image-gallery(:images="document.translations[_.currentLanguage]?.gallery || document.translations.en.gallery")
+            image-gallery(:images="document.translations[_.appState.currentLanguage]?.gallery || document.translations.en.gallery")