mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-28 07:03:17 +08:00
Add TopBar
This commit is contained in:
parent
459f5a58a3
commit
d17c752229
@ -4,7 +4,9 @@
|
|||||||
>
|
>
|
||||||
> ## Please edit the corresponding file in [/packages/mermaid/src/docs/ecosystem/integrations-community.md](../../packages/mermaid/src/docs/ecosystem/integrations-community.md).
|
> ## Please edit the corresponding file in [/packages/mermaid/src/docs/ecosystem/integrations-community.md](../../packages/mermaid/src/docs/ecosystem/integrations-community.md).
|
||||||
|
|
||||||
# Integrations - community
|
# Integrations
|
||||||
|
|
||||||
|
## Official integration: [Mermaid Chart](./mermaid-chart.md)
|
||||||
|
|
||||||
We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created with Mermaid.
|
We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created with Mermaid.
|
||||||
|
|
||||||
|
19
packages/mermaid/src/docs/.vitepress/components/TopBar.vue
Normal file
19
packages/mermaid/src/docs/.vitepress/components/TopBar.vue
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="w-full top-bar bg-gradient-to-r from-[#bd34fe] to-[#ff3670] flex items-center justify-center p-1"
|
||||||
|
>
|
||||||
|
We've made our
|
||||||
|
<a
|
||||||
|
href="https://www.producthunt.com/posts/mermaid-chart?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-mermaid-chart"
|
||||||
|
target="_blank"
|
||||||
|
class="unstyled font-semibold text-lg underline px-1"
|
||||||
|
>Product Hunt</a
|
||||||
|
>
|
||||||
|
debut!
|
||||||
|
<a
|
||||||
|
href="https://www.producthunt.com/posts/mermaid-chart?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-mermaid-chart"
|
||||||
|
target="_blank"
|
||||||
|
>Show us some love and help spread the word</a
|
||||||
|
>, plus receive 25% off on annual Pro subscription!
|
||||||
|
</div>
|
||||||
|
</template>
|
@ -6,6 +6,9 @@ import Mermaid from './Mermaid.vue';
|
|||||||
import Contributors from '../components/Contributors.vue';
|
import Contributors from '../components/Contributors.vue';
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
import HomePage from '../components/HomePage.vue';
|
import HomePage from '../components/HomePage.vue';
|
||||||
|
// @ts-ignore
|
||||||
|
import TopBar from '../components/TopBar.vue';
|
||||||
|
|
||||||
import { getRedirect } from './redirect.js';
|
import { getRedirect } from './redirect.js';
|
||||||
|
|
||||||
import { h } from 'vue';
|
import { h } from 'vue';
|
||||||
@ -18,6 +21,7 @@ export default {
|
|||||||
...DefaultTheme,
|
...DefaultTheme,
|
||||||
Layout() {
|
Layout() {
|
||||||
return h(Theme.Layout, null, {
|
return h(Theme.Layout, null, {
|
||||||
|
'home-hero-before': () => h(TopBar),
|
||||||
'home-features-after': () => h(HomePage),
|
'home-features-after': () => h(HomePage),
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
Loading…
x
Reference in New Issue
Block a user