@zebrains/velund-twig

Twig-рендерер для системы UI-компонентов Velund.

Этот пакет добавляет поддержку шаблонов .twig в экосистему Velund — как в процессе сборки через vite/velund (для генераторов), так и для runtime-рендеринга в сгенерированных библиотеках.

Установка

pnpm add @zebrains/velund-twig

Подключение в vite.config.ts

Важно: при конфигурации velund указывайте поле renderer: 'twig', чтобы Velund знал, какой рендер использовать по умолчанию.

// vite.config.ts
import { defineConfig } from 'vite';
import velund from 'velund';
import phpGenerator from '@zebrains/velund-php';
import twigRenderer from '@zebrains/velund-twig';

export default defineConfig({
  plugins: [
    velund({
      generator: 'php',
      renderer: 'twig', // <--- указываем renderer
      renderers: [twigRenderer()],
      generators: [phpGenerator()],
    }),
  ],
});

Поддерживаемые форматы файлов

По умолчанию вы можете импортировать и использовать шаблоны с расширениями:

• .twig
• .html.twig

Примеры импорта в исходниках Velund-компонента / утилиты:

import template from './templates/MyComponent.twig';

(в процессе сборки Velund/рендерер обрабатывает такой импорт и включит шаблон в сгенерированную библиотеку).

Пример использования шаблона в компоненте (концепт)

// src/components/MyComponent.ts
import template from './MyComponent.twig';

export default {
  name: 'MyComponent',
  template, // шаблон подключается как строка/компиляция
};