Update translations

dragomano · Apr 27, 2024 · aa61fd1 · aa61fd1
1 parent 4a9e01e
commit aa61fd1
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 13 deletions.
diff --git a/src/content/docs/learning.mdx b/src/content/docs/learning.mdx
@@ -41,9 +41,18 @@ import YouTubeGrid from '@components/youtube-grid.astro';
       title: 'Alpine.js полный курс',
       description: '1.5-часовой курс об Alpine.js',
     },
+    {
+      href: 'https://www.youtube.com/watch?v=r5iWCtfltso',
+      title: 'Alpine.js Crash Course [English]',
+      description: 'Ускоренное погружение в Alpine.js от Traversy Media',
+    },
   ]}
 />
 
+:::note
+  Для закадрового перевода англоязычных роликов, если у вас не Яндекс Браузер, можно воспользоваться [этим расширением](https://github.com/ilyhalight/voice-over-translation).
+:::
+
 :::tip[У вас есть что добавить?]
   Присылайте ссылки на ресурсы, посвящённые Alpine.js
 :::
diff --git a/src/content/docs/plugins/clipboard.mdx b/src/content/docs/plugins/clipboard.mdx
@@ -7,6 +7,8 @@ banner:
     Этот плагин не является официальным и добавлен в эту документацию переводчиком.
 ---
 
+import { Tabs, TabItem } from '@astrojs/starlight/components';
+
 Этот плагин добавляет новое магическое свойство `$clipboard` во все ваши компоненты Alpine, которое можно использовать для копирования любого фрагмента данных в буфер обмена пользователя.
 
 ## Установка
@@ -17,20 +19,31 @@ banner:
 
 Вы можете подключить CDN-сборку этого плагина с помощью тега `<script>`, только подключать нужно ДО основного JS-файла Alpine.
 
-```html
-<!-- Clipboard Plugin -->
-<script defer src="https://cdn.jsdelivr.net/npm/@ryangjchandler/alpine-clipboard@latest/dist/alpine-clipboard.min.js"></script>
+<Tabs>
+  <TabItem label="jsDelivr CDN">
+    ```html
+    <!-- Clipboard Plugin -->
+    <script defer src="https://cdn.jsdelivr.net/npm/@ryangjchandler/alpine-clipboard@latest/dist/alpine-clipboard.min.js"></script>
 
-<!-- Alpine Core -->
-<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js"></script>
-```
+    <!-- Alpine Core -->
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js"></script>
+    ```
+  </TabItem>
+  <TabItem label="unpkg CDN">
+    ```html
+    <!-- Clipboard Plugin -->
+    <script defer src="https://unpkg.com/@ryangjchandler/alpine-clipboard@2/dist/alpine-clipboard.js"></script>
+
+    <!-- Alpine Core -->
+    <script defer src="https://unpkg.com/alpinejs@3/dist/cdn.min.js"></script>
+    ```
+  </TabItem>
+</Tabs>
 
 ### Через менеджер пакетов
 
 Вы можете установить Clipboard для использования внутри вашей сборки следующим образом:
 
-import { Tabs, TabItem } from '@astrojs/starlight/components';
-
 <Tabs>
   <TabItem label="npm">
     ```shell

diff --git a/src/content/docs/plugins/morph.mdx b/src/content/docs/plugins/morph.mdx
@@ -209,7 +209,7 @@ Alpine.morph(el, newHtml, {
 Наиболее распространённым вариантом их использования является список дочерних элементов внутри цикла. Ниже приведен пример того, почему иногда необходимы ключи:
 
 ```html
-<!-- "Живой" DOM на странице: -->
+<!-- «Живой» DOM на странице: -->
 <ul>
   <li>Вася</li>
   <li>Петя</li>
@@ -231,7 +231,7 @@ Alpine.morph(el, newHtml, {
 Добавляя ключи к каждому узлу, мы можем сделать это следующим образом:
 
 ```html
-<!-- "Живой" DOM на странице: -->
+<!-- «Живой» DOM на странице: -->
 <ul>
   <li key="1">Вася</li>
   <li key="2">Петя</li>
@@ -246,6 +246,6 @@ Alpine.morph(el, newHtml, {
 </ul>
 ```
 
-Теперь, когда в `<li>`ах есть «ключи», Morph сопоставит их в обоих деревьях и переместит их соответствующим образом.
+Теперь, когда у элементов `<li>` есть «ключи», Morph сопоставит их в обоих деревьях и переместит соответствующим образом.
 
 Вы можете настроить то, что Morph считает «ключом», с помощью опции конфигурации `key:`. [Подробнее об этом здесь](#хуки-жизненного-цикла)
diff --git a/src/content/docs/plugins/sort.mdx b/src/content/docs/plugins/sort.mdx
@@ -5,6 +5,8 @@ sidebar:
   order: 8
 ---
 
+import { Tabs, TabItem } from '@astrojs/starlight/components';
+
 Плагин Sort позволяет легко изменять порядок элементов, перетаскивая их мышью.
 
 Эта функциональность полезна для таких вещей, как доски Kanban, списки дел, сортируемые столбцы таблицы и т. д.
@@ -44,8 +46,6 @@ sidebar:
 
 Вы можете установить Sort для использования внутри вашей сборки следующим образом:
 
-import { Tabs, TabItem } from '@astrojs/starlight/components';
-
 <Tabs>
   <TabItem label="npm">
     ```shell