vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add CLT doc

pull/5806/head
Cagatay Civici 2024-05-27 18:50:04 +03:00
parent 0b1f286ee8
commit d45757fb0f
7 changed files with 162 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/menu/menu.json
View File

@ -33,6 +33,10 @@
{ {
"name": "CDN", "name": "CDN",
"to": "/cdn" "to": "/cdn"
},
{
"name": "PrimeCLT",
"to": "/primeclt"
} }
] ]
}, },

20
doc/clt/CreateDoc.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Creates a new project from scratch with PrimeVue.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
prime vue add
`
}
};
}
};
</script>

20
doc/clt/DownloadDoc.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<DocSectionText v-bind="$attrs">
<p>PrimeCLT is available for download on <a href="https://www.npmjs.com/package/primeclt">npm Registry</a>.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
npm install -g primeclt
`
}
};a
}
};
</script>

20
doc/clt/InstallDoc.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Adds PrimeVue to your existing project.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
prime vue add
`
}
};
}
};
</script>

20
doc/clt/PF2TWDoc.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Migrates files from PrimeFlex to Tailwind CSS, see the <NuxtLink to="/guides/primeflex">primeflex migration</NuxtLink> for further information.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
prime pf2tw
`
}
};
}
};
</script>

20
doc/clt/UninstallDoc.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<DocSectionText v-bind="$attrs">
<p>Uninstally primeclt utility.</p>
</DocSectionText>
<DocSectionCode :code="code" hideToggleCode hideStackBlitz />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
prime uninstall
`
}
};
}
};
</script>

58
pages/primeclt/index.vue Normal file
View File

@ -0,0 +1,58 @@
<template>
<Head>
<Title>Install PrimeVue with PrimeCLT</Title>
<Meta name="description" content="Install PrimeVue with PrimeCLT" />
</Head>
<div class="doc">
<div class="doc-main">
<div class="doc-intro">
<h1>Install PrimeVue with CLT</h1>
<p>PrimeCLT is a command line utility for Prime UI libraries. It is currently in beta state.</p>
</div>
<DocSections :docs="docs" />
</div>
<DocSectionNav :docs="docs" />
</div>
</template>
<script>
import CreateDoc from '@/doc/clt/CreateDoc.vue';
import DownloadDoc from '@/doc/clt/DownloadDoc.vue';
import InstallDoc from '@/doc/clt/InstallDoc.vue';
import PF2TWDoc from '@/doc/clt/PF2TWDoc.vue';
import UninstallDoc from '@/doc/clt/UninstallDoc.vue';
export default {
data() {
return {
docs: [
{
id: 'download',
label: 'Download',
component: DownloadDoc
},
{
id: 'install',
label: 'Install',
component: InstallDoc
},
{
id: 'create',
label: 'Create',
component: CreateDoc
},
{
id: 'pf2tw',
label: 'pf2tw',
component: PF2TWDoc
},
{
id: 'uninstall',
label: 'uninstall',
component: UninstallDoc
}
]
};
}
};
</script>