diff --git a/src/layouts/SlideLayout.astro b/src/layouts/SlideLayout.astro
index 923fc32..4012e7f 100644
--- a/src/layouts/SlideLayout.astro
+++ b/src/layouts/SlideLayout.astro
@@ -26,7 +26,7 @@ const { title, authors, description } = Astro.props;
       <slot />
     </div>
   </div>
-  <script >
+  <script>
     import Reveal from "reveal.js";
     import Highlight from "reveal.js/plugin/highlight/highlight.esm.js";
     import Zoom from "reveal.js/plugin/zoom/zoom.esm.js";
@@ -35,28 +35,27 @@ const { title, authors, description } = Astro.props;
     let deck = new Reveal({
       plugins: [Highlight, Zoom, Notes],
     });
-    deck.initialize();
-    
-document.addEventListener('DOMContentLoaded', async function() {
-    const codeBlocks = document.querySelectorAll('code[data-external]');
-    
-    for (const block of codeBlocks) {
+
+    deck.initialize().then(() => {
+      // Загружаем внешний код после инициализации Reveal
+      loadExternalCode();
+    });
+
+    async function loadExternalCode() {
+      const codeBlocks = document.querySelectorAll("code[data-external]");
+
+      for (const block of codeBlocks) {
         try {
-            const response = await fetch(block.dataset.external);
-            const code = await response.text();
-            block.textContent = code;
-
-            // Обновляем подсветку после загрузки кода
-            if (Reveal.getPlugin('highlight')) {
-                Reveal.getPlugin('highlight').hljs.highlightBlock(block);
-            }
+          const response = await fetch(block.dataset.external);
+          const code = await response.text();
+          block.textContent = code;
 
+          // Правильный способ обновить подсветку
+          deck.getPlugin("highlight").hljs.highlightBlock(block);
         } catch (error) {
-            block.textContent = '⚠️ Error loading code: ' + error.message;
+          block.textContent = "⚠️ Error: " + error.message;
         }
+      }
     }
-});
-
   </script>
-
 </Layout>