import { defineConfig } from 'histoire';
import { HstVue } from '@histoire/plugin-vue';

/**
 * Histoire — каталог Vue-компонентов (фаза 2, инструмент #24).
 *
 * Запуск: `npm run story` (dev), `npm run story:build` (статическая сборка).
 *
 * setupFile регистрирует Vuetify-плагин для каждой story — без него
 * v-app/v-card/v-btn не рендерятся (Vuetify требует app-context).
 *
 * Несовместимость с Vite 8: Histoire 1.0-beta.1 заявляет peerDep `vite ^7`.
 * Установлен через `--legacy-peer-deps`; рантайм-проверка пройдена. Если
 * экосистема Histoire выпустит совместимую с Vite 8 версию — заменить.
 */
export default defineConfig({
    plugins: [HstVue()],
    setupFile: 'resources/js/histoire.setup.ts',
    storyMatch: ['resources/js/**/*.story.vue'],
    theme: {
        title: 'Лидерра. — UI catalog',
        colors: {
            // Forest primary: Teal #0F6E56 (BRANDBOOK_v2 §3).
            primary: {
                50: '#E6F0EC',
                100: '#BFD7CE',
                200: '#94BCAD',
                300: '#69A18B',
                400: '#3D8A72',
                500: '#0F6E56',
                600: '#0C634D',
                700: '#0A5642',
                800: '#084938',
                900: '#053126',
            },
        },
    },
    vite: {
        // Изолируем Histoire от Laravel-vite-плагина (он требует blade-routes).
        plugins: [],
    },
});