Export VPImage as global component

[kleisauke]

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

Exporting VPImage as a global component, just like VPBadge, would be really helpful. This approach would allow a different image to be chosen depending on whether dark or light mode is used.

For example:

<Image alt="Logo" :image="{ light: '/logo.svg', dark: '/logo-dark.svg' }" />

Describe the solution you'd like

Export VPImage as global Image component, see e.g. commit kleisauke@f1b6a57.

Describe alternatives you've considered

I considered to use this:

<picture>
  <source srcset="/logo-dark.svg" media="(prefers-color-scheme: dark)" />
  <img src="/logo.svg" alt="Logo" />
</picture>

However, this approach wouldn't work if a user manually switches to dark mode.

Additional context

I could open a PR for commit kleisauke@f1b6a57, if appropriate.

Validations

• Follow our Code of Conduct
• Read the docs.
• Read the Contributing Guidelines.
• Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.

[brc-dd]

Contributions are welcome, but don't add that globally. Export it like this: #2767

People who want it to be global, can just import and register in their enhanceApp.

[kleisauke]

Ah, that makes sense. I just opened PR #2814 for this.