vitepress icon indicating copy to clipboard operation
vitepress copied to clipboard

feat(containers-plugin): Being able to add custom containers

Open brenoepics opened this issue 1 year ago • 1 comments

Is your feature request related to a problem? Please describe.

Currently, you can change the label but you cannot add new containers for new colors and/or icons. Containers Plugin

Describe the solution you'd like

Adding custom containers to ContainerOptions, then users could add it in DefineConfig / DefineConfigWithTheme

//containers.ts
export interface ContainerOptions {
  infoLabel?: string
  noteLabel?: string
  tipLabel?: string
  warningLabel?: string
  dangerLabel?: string
  detailsLabel?: string
  importantLabel?: string
  cautionLabel?: string
  customContainers?: ...
}

// config.ts
export default defineConfig({
  // ...
  markdown: {
    container: {
      tipLabel: '...',
      warningLabel: '...',
      dangerLabel: '...',
      infoLabel: '...',
      detailsLabel: '...',
      customContainers: [ ... ]
    }
  }
  // ...
})

Describe alternatives you've considered

Disabling GitHub Flavored Markdown-It plugin and registering again with custom alerts.

Additional context

No response

Validations

brenoepics avatar Feb 21 '24 14:02 brenoepics

I'd also like to be able to translate all these containers on sites with multiple languages.

dragomano avatar Apr 29 '24 15:04 dragomano