hotomoe/packages/frontend/.storybook/main.ts

import { resolve } from 'node:path';
import type { StorybookConfig } from '@storybook/vue3-vite';
import { mergeConfig } from 'vite';
import { getConfig } from '../vite.config';
const config = {
	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
	addons: [
		'@storybook/addon-links',
		'@storybook/addon-essentials',
		'@storybook/addon-interactions',
		'@storybook/addon-storysource',
		'../node_modules/storybook-addon-misskey-theme',
	],
	framework: {
		name: '@storybook/vue3-vite',
		options: {},
	},
	docs: {
		autodocs: 'tag',
	},
	core: {
		disableTelemetry: true,
	},
	async viteFinal(config, options) {
		const { plugins, build: { rollupOptions, ...build }, ...original } = getConfig();
		console.dir(config, {depth:Infinity});
		console.dir(original, {depth:Infinity});
		const x = mergeConfig(config, {
			...original,
			build,
			assetsInclude: [resolve(__dirname, '../node_modules/@tabler/icons-webfont/**/*.{css,eot,ttf,woff,woff2}')],
			server: {
				hmr: false,
			},
		});
		return x;
	},
} satisfies StorybookConfig;
export default config;