cra-template-psionic-ionic/template/.storybook/main.js

A quick start Create React App template for Ionic, making use of the @psionic series of packages.

const path = require('path');
const { loadConfigFromFile, mergeConfig } = require('vite');

module.exports = {
    "stories": [
        "../src/**/*.stories.mdx",
        "../src/**/*.stories.@(js|jsx|ts|tsx)"
    ],
    "addons": [
        "@storybook/addon-links",
        "@storybook/addon-essentials",
    ],
    "framework": "@storybook/react",
    "core": {
        "builder": "@storybook/builder-vite"
    },
    "features": {
        "storyStoreV7": true
    },
    async viteFinal(config, { configType }) {
        const { config: userConfig } = await loadConfigFromFile(
            path.resolve(__dirname, '../vite.config.js')
        );

        return mergeConfig(config, {
            ...userConfig,
            plugins: [
                userConfig.plugins[1],
                userConfig.plugins[2],
            ],
        });
    }
}