primevue-mirror/apps/showcase/pages/contribution/index.vue

75 lines
2.3 KiB
Vue

<template>
<div>
<Head>
<Title>Contribution - PrimeVue</Title>
<Meta name="description" content="Accessible Vue UI Components." />
</Head>
<div class="doc">
<div class="doc-main">
<div class="doc-intro">
<h1>Contribution Guide</h1>
<p>Welcome to the PrimeVue Contribution Guide and thank you for considering contributing.</p>
</div>
<DocSections :docs="docs" />
</div>
<DocSectionNav :docs="docs" />
</div>
</div>
</template>
<script>
import BenefitsDoc from '@/doc/contribution/BenefitsDoc.vue';
import CLADoc from '@/doc/contribution/CLADoc.vue';
import CommunicationDoc from '@/doc/contribution/CommunicationDoc.vue';
import HelpNeededDoc from '@/doc/contribution/HelpNeededDoc.vue';
import IntroductionDoc from '@/doc/contribution/IntroductionDoc.vue';
import KeyPointsDoc from '@/doc/contribution/KeyPointsDoc.vue';
import PathwayDoc from '@/doc/contribution/PathwayDoc.vue';
export default {
data() {
return {
checked: false,
docs: [
{
id: 'introduction',
label: 'Introduction',
component: IntroductionDoc
},
{
id: 'helpneeded',
label: 'Help Needed',
component: HelpNeededDoc
},
{
id: 'keypoints',
label: 'Key Points',
component: KeyPointsDoc
},
{
id: 'communication',
label: 'Communication',
component: CommunicationDoc
},
{
id: 'pathway',
label: 'Pathway',
component: PathwayDoc
},
{
id: 'benefits',
label: 'Benefits',
component: BenefitsDoc
},
{
id: 'cla',
label: 'CLA',
component: CLADoc
}
]
};
}
};
</script>