План «Барбаросса» от Vue.js

https://habr.com/ru/articles/776480/

#article #stats #evan #antfu #vite #vitepress #unjs #angular #react

Вышла новая версия библиотеки shikiji для синтаксической подсветки фрагментов кода

Anthony Fu портировал пакет shiki.js на ESM. Данная библиотека предназначено для синтаксической подсветки фрагментов кода, аналог highlight.js. Использует hast для токенизации и VS Code Oniguruma, которая написана на C и компилируется в WebAssembly. Данная часть переписана на ESM, является tree-shakable и работает и в Node.js, и в браузере.

shikiji использует тот же движок, что и VS Code, работает быстрее распространенных подсветчиков кода, занимает меньше места и более функциональна (например, включает препроцессор для TypeScript TwoSlash нотаций). Доступны множество языков (включая вариации Vue и Vue HTML) и все темы VS Code (на данный момент около 5000). VitePress уже переехал на новую библиотеку.

#antfu #shikiji #vitepress

Новости

- vue-html (как и сотни других поддерживаемых shikiji) в качестве языка блоков кода стал доступен в VitePress с последних версий
- Supabase разрешила использовать Node.js в Edge Functions (можно было только Deno)
- Vue 3.4 перешел в стадию Release Candidate

#supabase #vitepress

Что умеет новая `shikiji` от Anthony Fu?

Показывать всплывающую подсказку с информацией о наведенной сущности. Для этого в коде она должна быть типизирована с помощью JSDoc, либо информация о ней должна быть в библиотеке, если она подключается через неё (в данном примере shikiji лезет в markdown-it)

Рекомендация от команды Vue и VitePress - использовать в документациях на VitePress во фрагментах кода JSDoc для повышения их информативности. Более подробные инструкции будут даны позднее.

#shikiji #antfu #vitepress

Anthony Fu показал законченный вариант библиотеки для синтаксической подсветки фрагментов кода shikiji с подсказками от TypeScript пакета twoslashes на примере SFC кода в VitePress.

По мнению автора это сильно улучшит воспринимаемость информации. Ну и такого ни у кого пока нет.

#twoslashes #shikiji #vitepress #antfu

История shikiji - библиотеки для синтаксической подсветки фрагментов кода, о которой мы писали несколько раз, - скоропостижно завершилась.

Напомним, Anthony Fu форкнул и портировал пакет shiki.js на ESM. Данная библиотека предназначено для синтаксической подсветки фрагментов кода, аналог highlight.js. Использует hast для токенизации и VS Code Oniguruma, которая написана на C и компилируется в WebAssembly. Данная часть переписана Anthony на ESM, является tree-shakable и работает и в Node.js, и в браузере.

Использование того же движка, что и в VS Code, позволяет работать быстрее распространенных подсветчиков кода, занимать меньше места и быть более функциональна (например, включает препроцессор для TypeScript TwoSlash нотаций). Доступны множество языков (включая вариации Vue и Vue HTML) и все темы VS Code (на данный момент около 5000). VitePress переехал на новую библиотеку для подсветки блоков кода в декабре 2023 года.

На прошлой неделе владельцы shiki сделали Pull request и забрали себе все улучшения, добавленные Anthony. Теперь он работает над shiki, проект shikiji архивирован.

#antfu #shiki #shikiji #vitepress

Свершилось. Вышел VitePress 1.0.0.

VitePress - генератор статических сайтов (SSG), который удобен для создания как технических документаций, так и просто сайтов.

Больше 2 лет он был в статусе release candidate, стабильный, но постоянно добавляющий в себя функционал.

VitePress - один из трех китов империи Эвана, и обязателен к как минимум "попробовать" для любого Vue.js разработчика.

#vitepress #release

Добрый человек сделал перевод на русский язык документации VitePress
Чтобы его PR приняли, нужно сделать ревью.
Документация немаленькая, предлагаю разделить нескольким добровольцам и проверить по частям.

#vitepress #translation

Сегодня опубликован перевод официальной документации VitePress на русский язык

https://vitepress.dev/ru/

Перевод выполнен @dragomano

#vitepress #translation

Платформа для разработки приложений Meteor.js решила использовать Vite. Также свою документацию они перевели на VitePress

Это интересно тем, что именно там работал Evan You, когда создавал Vue. Делать свой фреймворк он начал еще до трудоустройства в Meteor, и это было одной из причин найма, однако компания далее решила не интегрировать Vue.js в свои разработки.

К счастью.

#vite #evanyou #meteorjs #vuejs #vitepress