UI5 Web Components

UI5 Web Components are framework-independent UI elements incorporating the SAP Fiori design.

You can use UI5 Web Components directly inside VuePress using custom components.

To-Do List

Toogle Dark Mode Mixin

To support the VitePress Dark Mode Switch, the Pre-configured solutions offers a Mixin, that handles theme switching automatially.

You can use the Mixin inside the script section the following way:

<script>
import UI5WebComponentsMixin from 
       "../mixins/UI5WebComponentsMixin.js";
...
export default defineComponent({
  name: "MySFC",
  mixins: [UI5WebComponentsMixin],
  ...
});
</script>