Настройка редактора

Подсветка синтаксиса .sharq-компонентов в VS Code: блок <template> подсвечивается как XML, <script> — как C# (включая директиву $using), <style> — как CSS с USS-свойствами (-unity-*) и токенами (--sus-*), а директивы шаблона — v-if / v-for, :prop="…", @click="…", $MainElement — с подсветкой выражений внутри биндингов как C#.

Установка (VSIX — рекомендуется)

1. Скачайте sharq-language-0.1.0.vsix (ссылка появится, когда распространение VSIX запустится — пока используйте установку вручную ниже).
2. Установите:

code --install-extension sharq-language-0.1.0.vsix

или в VS Code: Extensions → меню ⋯ → Install from VSIX… — затем перезагрузите окно.

Установка вручную (без VSIX)

1. Скачайте sharq-vscode-0.1.0.zip.
2. Распакуйте в папку расширений, чтобы получилось:
   • Windows: %USERPROFILE%\.vscode\extensions\sharq-it.sharq-language-0.1.0\
   • macOS / Linux: ~/.vscode/extensions/sharq-it.sharq-language-0.1.0/
3. Перезапустите VS Code и откройте любой .sharq-файл.

Как это выглядит

<template>
<ui:VisualElement $MainElement class="home-screen">
    <ui:Label class="home-screen__title" :text="Title.Value" />
    <sus:SusButton variant="primary" text="Start" @click="Title.Value = \"Hello\"" />
</ui:VisualElement>
</template>

<script>
$using Sharq.Core;

// Пропсы реактивны: присвойте Title.Value в рантайме — лейбл обновится сам.
public Prop<string> Title = new("Welcome to SUS");
</script>

<style>
.home-screen__card:hover {
  border-color: var(--sus-primary);
}
</style>

Другие редакторы

• Rider / JetBrains — отдельного плагина пока нет; блоки терпимо работают при ассоциации файла с XML. Путь через TextMate-bundle — в планах.
• Unity — настройка не нужна: .sharq компилируется пакетом при сохранении.