vitepress

vitepress copied to clipboard

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

Currently, if the layout of a page is home, under features, links do not render (both markdown and html).

Describe the solution you'd like

Allow markdown links in features Example:

---
layout: home
title: Ipsum
features:
    - title: [link](https://google.com/)
      details: [another link](https://google.com/)
---

Describe alternatives you've considered

Alternatively, HTML links could be allowed:

---
layout: home
title: Ipsum
features:
    - title: <a href="https://google.com/">link</a>
      details: <a href="https://google.com/">another link</a>
---

Additional context

No response

Validations

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

Fixing this is simple, we just need to use v-html="foo" instead of {{ foo }} syntax in VPFeature.vue. But might need to add styles for links to distinguish them:

Is this enhancement under developement ?

Another solution would be to let {{ foo }} syntax in VPFeature.vue and add extra optional property to feature section. For example link as in the hero section and add a CTA at the end of each feature item.