Skip to content

Commit 8e0770e

Browse files
d3xter666d3xter666
committed
refactor: Use Vue buttons, instead of HTML tags
1 parent 945dbdb commit 8e0770e

File tree

6 files changed

+65
-30
lines changed

6 files changed

+65
-30
lines changed

‎packages/documentation/docs/index.md‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,17 @@ Read the announcement blog post: **[SAP Community: UI5 CLI 4.0](https://communit
1818
And checkout the **[Migrate to v4](./updates/migrate-v4)** documentation.
1919
:::
2020

21-
<div style="margin: 2rem 0;">
22-
<a href="./pages/GettingStarted" style="display: inline-block; padding: 12px 24px; background: #1976d2; color: white; text-decoration: none; border-radius: 6px; font-weight: 600;">
23-
🚀 Get Started
24-
</a>
25-
</div>
21+
<script setup>
22+
import VPButton from "vitepress/dist/client/theme-default/components/VPButton.vue"
23+
</script>
24+
25+
<VPButton class="no-decoration" text="🚀 Get Started" href="./pages/GettingStarted"/>
26+
27+
<style>
28+
.no-decoration {
29+
text-decoration: inherit;
30+
}
31+
</style>
2632

2733
## Main Features
2834

‎packages/documentation/docs/pages/Builder.md‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,17 @@ Based on a project's type, the UI5 Builder defines a series of build steps to ex
66

77
For every type there is a set of default tasks. You can disable single tasks using the `--exclude-task` [CLI parameter](./CLI#ui5-build), and you can include tasks using the `--include-task` parameter.
88

9-
<div style="margin: 1rem 0;">
10-
<a href="https://ui5.github.io/cli/v4/api/index.html" target="_blank" style="display: inline-block; padding: 8px 16px; background: #1976d2; color: white; text-decoration: none; border-radius: 4px; font-weight: 600; font-size: 14px;">
11-
📚 API Reference
12-
</a>
13-
</div>
9+
<script setup>
10+
import VPButton from "vitepress/dist/client/theme-default/components/VPButton.vue"
11+
</script>
12+
13+
<VPButton class="api-button" text="📚 API Reference" href="https://ui5.github.io/cli/v4/api/index.html" target="_blank"/>
14+
15+
<style>
16+
.api-button {
17+
margin: 1rem 0;
18+
}
19+
</style>
1420

1521
## Tasks
1622
Tasks are specific build steps to be executed during build phase.

‎packages/documentation/docs/pages/FileSystem.md‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,17 @@
22

33
The [UI5 FS](https://github.com/SAP/ui5-fs) provides a UI5-specific file system abstraction.
44

5-
<div style="margin: 1rem 0;">
6-
<a href="https://ui5.github.io/cli/v4/api/" target="_blank" style="display: inline-block; padding: 8px 16px; background: #1976d2; color: white; text-decoration: none; border-radius: 4px; font-weight: 600; font-size: 14px;">
7-
📚 API Reference
8-
</a>
9-
</div>
5+
<script setup>
6+
import VPButton from "vitepress/dist/client/theme-default/components/VPButton.vue"
7+
</script>
8+
9+
<VPButton class="api-button" text="📚 API Reference" href="https://ui5.github.io/cli/v4/api/" target="_blank"/>
10+
11+
<style>
12+
.api-button {
13+
margin: 1rem 0;
14+
}
15+
</style>
1016

1117
## Overview
1218

‎packages/documentation/docs/pages/Project.md‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -63,9 +63,14 @@ In the table below you can find the available combinations of project type & out
6363
^2^ Theme libraries in most cases have more than one namespace.
6464
^3^ Modules have explicit path mappings configured and no namespace concept.
6565

66+
<script setup>
67+
import VPButton from "vitepress/dist/client/theme-default/components/VPButton.vue"
68+
</script>
6669

67-
<div style="margin: 1rem 0;">
68-
<a href="https://ui5.github.io/cli/v4/api/@ui5_project_build_ProjectBuilder.html" target="_blank" style="display: inline-block; padding: 8px 16px; background: #1976d2; color: white; text-decoration: none; border-radius: 4px; font-weight: 600; font-size: 14px;">
69-
📚 API Reference
70-
</a>
71-
</div>
70+
<VPButton class="api-button" text="📚 API Reference" href="https://ui5.github.io/cli/v4/api/@ui5_project_build_ProjectBuilder.html" target="_blank"/>
71+
72+
<style>
73+
.api-button {
74+
margin: 1rem 0;
75+
}
76+
</style>

‎packages/documentation/docs/pages/Server.md‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,17 @@
22

33
The [UI5 Server](https://github.com/SAP/ui5-server) module provides server capabilities for local development of UI5 projects.
44

5-
<div style="margin: 1rem 0;">
6-
<a href="https://ui5.github.io/cli/v4/api/module-@ui5_server.html" target="_blank" style="display: inline-block; padding: 8px 16px; background: #1976d2; color: white; text-decoration: none; border-radius: 4px; font-weight: 600; font-size: 14px;">
7-
📚 API Reference
8-
</a>
9-
</div>
5+
<script setup>
6+
import VPButton from "vitepress/dist/client/theme-default/components/VPButton.vue"
7+
</script>
8+
9+
<VPButton class="api-button" text="📚 API Reference" href="https://ui5.github.io/cli/v4/api/module-@ui5_server.html" target="_blank"/>
10+
11+
<style>
12+
.api-button {
13+
margin: 1rem 0;
14+
}
15+
</style>
1016

1117
## Standard Middleware
1218

‎packages/documentation/docs/pages/index.md‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,17 @@ Read the announcement blog post: **[SAP Community: UI5 CLI 4.0](https://communit
1818
And checkout the **[Migrate to v4](../updates/migrate-v4)** documentation.
1919
:::
2020

21-
<div style="margin: 2rem 0;">
22-
<a href="./GettingStarted" style="display: inline-block; padding: 12px 24px; background: #1976d2; color: white; text-decoration: none; border-radius: 6px; font-weight: 600;">
23-
🚀 Get Started
24-
</a>
25-
</div>
21+
<script setup>
22+
import VPButton from "vitepress/dist/client/theme-default/components/VPButton.vue"
23+
</script>
24+
25+
<VPButton class="margin-button" text="🚀 Get Started" href="./GettingStarted"/>
26+
27+
<style>
28+
.margin-button {
29+
margin: 2rem 0;
30+
}
31+
</style>
2632

2733
## Main Features
2834

0 commit comments

Comments
 (0)