import { defineConfig } from 'rspress/config';
import { pluginPreview } from '@rspress/plugin-preview';
import { pluginVue } from '@rsbuild/plugin-vue';

export default defineConfig({
  // ...
  plugins: [
    pluginPreview({
      previewMode: 'iframe',
      previewLanguages: ['vue'],
      iframeOptions: {
        customEntry: (entryCssPath: string, demoPath: string) => {
          return `
      import { createApp } from 'vue';
      import App from '${demoPath}';
      import '${entryCssPath}';
      createApp(App).mount('#root');
      `;
        },
        builderConfig: {
          plugins: [pluginVue()],
        },
      },
    }),
  ],
});