Skip to content

Commit

Permalink
fix(blog): translate orta
Browse files Browse the repository at this point in the history
Signed-off-by: Evgeniy Gromin <[email protected]>
  • Loading branch information
JonikUl committed Jul 15, 2024
1 parent 0d8e448 commit 6c89200
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions content/7.blog/21.shiki-v1.md
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ Shiki также получил [совершенно новый сайт док

## Twoslash

[Twoslash](https://github.com/twoslashes/twoslash) — это инструмент интеграции для извлечения информации о типе из [TypeScript Language Services](https://github.com/microsoft/TypeScript/wiki/Using-the-Language-Service-API) и генерации в ваш сниппет кода. По сути, он делает статический фрагмент кода похожим на редактор VS Code. Он создан [Orta Therox](https://github.com/orta) для [сайта документации TypeScript](https://github.com/microsoft/TypeScript-Website), вы можете найти [исходный код здесь](https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ts-twoslasher). Orta также создал [интеграцию Twoslash для версий Shiki v0.x](https://github.com/shikijs/twoslash). Тогда у Shiki [не было надлежащей системы плагинов](https://github.com/shikijs/shiki/issues/380), из-за чего `shiki-twoslash` приходилось создавать как оболочку над Shiki, что немного усложняло настройку, поскольку существующие интеграции Shiki не работали напрямую с Twoslash.
[Twoslash](https://github.com/twoslashes/twoslash) — это инструмент интеграции для извлечения информации о типе из [TypeScript Language Services](https://github.com/microsoft/TypeScript/wiki/Using-the-Language-Service-API) и генерации в ваш сниппет кода. По сути, он делает статический фрагмент кода похожим на редактор VS Code. Он создан [Ортой Тероксом](https://github.com/orta) для [сайта документации TypeScript](https://github.com/microsoft/TypeScript-Website), вы можете найти [исходный код здесь](https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ts-twoslasher). Орта также создал [интеграцию Twoslash для версий Shiki v0.x](https://github.com/shikijs/twoslash). Тогда у Shiki [не было надлежащей системы плагинов](https://github.com/shikijs/shiki/issues/380), из-за чего `shiki-twoslash` приходилось создавать как оболочку над Shiki, что немного усложняло настройку, поскольку существующие интеграции Shiki не работали напрямую с Twoslash.

Мы также воспользовались шансом пересмотреть интеграции Twoslash, когда переписывали Shikiji, попробовать ["dog-fooding"](https://en.wikipedia.org/wiki/Eating_your_own_dog_food) и проверить расширяемость. С новым внутренним HAST мы можем [интегрировать Twoslash как плагин-трансформер](https://shiki.style/packages/twoslash), что делает его работающим везде, где работает Shiki, а также использовать в виде композабла с другими трансформерами.

Expand All @@ -139,7 +139,7 @@ const double = computed(() => count.value * 2)
</template>
```

В то же время мы воспользовались шансом провести рефакторинг [Twoslash](https://github.com/twoslashes/twoslash) с помощью Orta, чтобы иметь более эффективную и современную структуру. Это также позволяет нам иметь [`twoslash-vue`](https://github.com/twoslashes/twoslash/tree/main/packages/twoslash-vue), который обеспечивает поддержку [Vue SFC](https://ru.vuejs.org/guide/scaling-up/sfc.html), как вы видите выше. Он работает на [Volar.js](https://github.com/volarjs/volar.js) и [`vuejs/language-tools`](https://github.com/vuejs/language-tools). Поскольку Volar становится все более независимым от фреймворков, а фреймворки работают вместе, мы с нетерпением ждем, когда в будущем такие интеграции распространятся на большее количество синтаксисов, таких как файлы компонентов Astro и Svelte.
В то же время мы воспользовались шансом провести рефакторинг [Twoslash](https://github.com/twoslashes/twoslash) с помощью Орты, чтобы иметь более эффективную и современную структуру. Это также позволяет нам иметь [`twoslash-vue`](https://github.com/twoslashes/twoslash/tree/main/packages/twoslash-vue), который обеспечивает поддержку [Vue SFC](https://ru.vuejs.org/guide/scaling-up/sfc.html), как вы видите выше. Он работает на [Volar.js](https://github.com/volarjs/volar.js) и [`vuejs/language-tools`](https://github.com/vuejs/language-tools). Поскольку Volar становится все более независимым от фреймворков, а фреймворки работают вместе, мы с нетерпением ждем, когда в будущем такие интеграции распространятся на большее количество синтаксисов, таких как файлы компонентов Astro и Svelte.

## Интеграции

Expand Down

0 comments on commit 6c89200

Please sign in to comment.