Repository: mermaid-js/mermaid
File: packages/mermaid/src/docs/.vitepress/components/EditorSelectionModal.vue (Vue)

Code before:

interface EditorColumn {
  title: string;
  description: string;
  redBarText?: string;
  redirectUrl?: string;
  buttonText?: string;
  highlighted?: boolean;
  proTrialUrl?: string;
  proTrialButtonText?: string;
  features: Feature[];
  isButtonMargined?: boolean;
}

const mermaidChartFeatures: Feature[] = [
  { iconUrl: '/icons/folder.svg', featureName: 'Storage' },
  { iconUrl: '/icons/terminal.svg', featureName: 'Code editor' },
  { iconUrl: '/icons/ai-diagram.svg', featureName: 'AI diagram generator' },
  { iconUrl: '/icons/whiteboard.svg', featureName: 'Whiteboard' },
  { iconUrl: '/icons/group.svg', featureName: 'Teams' },
  { iconUrl: '/icons/groups.svg', featureName: 'Multi-user editing' },
  { iconUrl: '/icons/ai-repair.svg', featureName: 'AI diagram repair' },
  { iconUrl: '/icons/version-history.svg', featureName: 'Version history' },
  { iconUrl: '/icons/comment.svg', featureName: 'Comments' },
  { iconUrl: '/icons/presentation.svg', featureName: 'Presentations' },
  { iconUrl: '/icons/plugins.svg', featureName: 'Advanced Plugins' },
];

const openSourceFeatures: Feature[] = [
  { iconUrl: '/icons/public.svg', featureName: 'Diagram stored in URL' },
  { iconUrl: '/icons/terminal.svg', featureName: 'Code editor' },
  { iconUrl: '/icons/open-source.svg', featureName: 'Open source' },
  { iconUrl: '/icons/version-history.svg', featureName: 'Version history' },
];

const playgroundFeatures: Feature[] = [
  { iconUrl: '/icons/public.svg', featureName: 'Diagram stored in URL' },
  { iconUrl: '/icons/terminal.svg', featureName: 'Code editor' },
  { iconUrl: '/icons/whiteboard.svg', featureName: 'Whiteboard' },
];

const editorColumnVariants: EditorColumn[][] = [
  [
    {
      title: 'Playground',
      description: 'Basic features, no login',
      redirectUrl:
        'https://www.mermaidchart.com/app/sign-up?utm_source=mermaid_js&utm_medium=3_editor_selection_A&utm_campaign=start_playground',
      buttonText: 'Start free',
      features: playgroundFeatures,
    },

Review comment (suggestion):
```suggestion
  { iconUrl: '/icons/plugins.svg', featureName: 'Advanced plugins' },
```

Code after:

interface EditorColumn {
  title: string;
  description: string;
  redBarText?: string;
  redirectUrl?: string;
  buttonText?: string;
  highlighted?: boolean;
  proTrialUrl?: string;
  proTrialButtonText?: string;
  features: Feature[];
  isButtonMargined?: boolean;
}

const mermaidChartFeatures: Feature[] = [
  { iconUrl: '/icons/folder.svg', featureName: 'Storage' },
  { iconUrl: '/icons/terminal.svg', featureName: 'Code editor' },
  { iconUrl: '/icons/ai-diagram.svg', featureName: 'AI diagram generator' },
  { iconUrl: '/icons/whiteboard.svg', featureName: 'Whiteboard' },
  { iconUrl: '/icons/group.svg', featureName: 'Teams' },
  { iconUrl: '/icons/groups.svg', featureName: 'Multi-user editing' },
  { iconUrl: '/icons/ai-repair.svg', featureName: 'AI diagram repair' },
  { iconUrl: '/icons/version-history.svg', featureName: 'Version history' },
  { iconUrl: '/icons/comment.svg', featureName: 'Comments' },
  { iconUrl: '/icons/presentation.svg', featureName: 'Presentations' },
  { iconUrl: '/icons/plugins.svg', featureName: 'Advanced plugins' },
];

const openSourceFeatures: Feature[] = [
  { iconUrl: '/icons/public.svg', featureName: 'Diagram stored in URL' },
  { iconUrl: '/icons/terminal.svg', featureName: 'Code editor' },
  { iconUrl: '/icons/open-source.svg', featureName: 'Open source' },
  { iconUrl: '/icons/version-history.svg', featureName: 'Version history' },
];

const playgroundFeatures: Feature[] = [
  { iconUrl: '/icons/public.svg', featureName: 'Diagram stored in URL' },
  { iconUrl: '/icons/terminal.svg', featureName: 'Code editor' },
  { iconUrl: '/icons/whiteboard.svg', featureName: 'Whiteboard' },
];

const editorColumnVariants: EditorColumn[][] = [
  [
    {
      title: 'Playground',
      description: 'Basic features, no login',
      redirectUrl:
        'https://www.mermaidchart.com/app/sign-up?utm_source=mermaid_js&utm_medium=3_editor_selection_A&utm_campaign=start_playground',
      buttonText: 'Start free',
      features: playgroundFeatures,
    },