Что такое SUS?

SUS UI — реактивный UI-фреймворк для Unity UI Toolkit, вдохновлённый Vue.

Опоры

1. Реактивность — Prop<T>, Computed<T>, Watch — меняете данные, DOM обновляется.
2. .sharq SFC — single-file компоненты: <template> + <script> + <style>.
3. Библиотека компонентов — SusKit (общий UI) + SusGame (HUD / инвентарь / экраны).
4. Router — навигация в духе Vue Router для экранов и модалок.
5. Темы — design tokens, density, breakpoints, world-space оверлеи.

Один экран — desktop и mobile

Breakpoints в SUS — это ось контейнера, а не проверка устройства: SusBreakpointService читает ширину панели, в которую смонтирован экран, и проталкивает класс .breakpoint-* вниз по token cascade. Экран, собранный под desktop, перестраивается под узкую mobile-панель через те же токены и тот же .sharq-файл — без параллельного mobile-layout, который пришлось бы вести руками. SusInventory поставляется как живой пример паттерна: ниже mobile-порога сжимается в компактный touch-friendly одноколоночный layout, выше — раскрывается обратно в полную многопанельную desktop-сетку; тот же компонент, тот же C#. Ось breakpoint и пороги — в Адаптивной вёрстке.

Карта пакетов

sus-core (MIT, free)
   └── sus-router (MIT, free)
         └── sus-kit (commercial)
               └── sus-game (commercial, requires kit)

Ментальная модель

Если знаете Vue SFC, форма .sharq уже знакома:

Vue	SUS
props	Prop<T> (используйте .Value)
v-if / :class	те же директивы
<slot>	<slot>
watch	Watch / WatchEffect
Vue Router	SusRouter