From d45757fb0ff0f55b1b022ea6bacd0bd1ba71b3b3 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 27 May 2024 18:50:04 +0300
Subject: [PATCH] Add CLT doc

---
 assets/menu/menu.json    |  4 +++
 doc/clt/CreateDoc.vue    | 20 ++++++++++++++
 doc/clt/DownloadDoc.vue  | 20 ++++++++++++++
 doc/clt/InstallDoc.vue   | 20 ++++++++++++++
 doc/clt/PF2TWDoc.vue     | 20 ++++++++++++++
 doc/clt/UninstallDoc.vue | 20 ++++++++++++++
 pages/primeclt/index.vue | 58 ++++++++++++++++++++++++++++++++++++++++
 7 files changed, 162 insertions(+)
 create mode 100644 doc/clt/CreateDoc.vue
 create mode 100644 doc/clt/DownloadDoc.vue
 create mode 100644 doc/clt/InstallDoc.vue
 create mode 100644 doc/clt/PF2TWDoc.vue
 create mode 100644 doc/clt/UninstallDoc.vue
 create mode 100644 pages/primeclt/index.vue

diff --git a/assets/menu/menu.json b/assets/menu/menu.json
index 743f46870..f68a0486c 100644
--- a/assets/menu/menu.json
+++ b/assets/menu/menu.json
@@ -33,6 +33,10 @@
                 {
                     "name": "CDN",
                     "to": "/cdn"
+                },
+                {
+                    "name": "PrimeCLT",
+                    "to": "/primeclt"
                 }
             ]
         },
diff --git a/doc/clt/CreateDoc.vue b/doc/clt/CreateDoc.vue
new file mode 100644
index 000000000..2bf5c17b0
--- /dev/null
+++ b/doc/clt/CreateDoc.vue
@@ -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>
diff --git a/doc/clt/DownloadDoc.vue b/doc/clt/DownloadDoc.vue
new file mode 100644
index 000000000..f1ea7ce1a
--- /dev/null
+++ b/doc/clt/DownloadDoc.vue
@@ -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>
diff --git a/doc/clt/InstallDoc.vue b/doc/clt/InstallDoc.vue
new file mode 100644
index 000000000..dd8e8a3a5
--- /dev/null
+++ b/doc/clt/InstallDoc.vue
@@ -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>
diff --git a/doc/clt/PF2TWDoc.vue b/doc/clt/PF2TWDoc.vue
new file mode 100644
index 000000000..8e2b9282f
--- /dev/null
+++ b/doc/clt/PF2TWDoc.vue
@@ -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>
diff --git a/doc/clt/UninstallDoc.vue b/doc/clt/UninstallDoc.vue
new file mode 100644
index 000000000..b1952ae2c
--- /dev/null
+++ b/doc/clt/UninstallDoc.vue
@@ -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>
diff --git a/pages/primeclt/index.vue b/pages/primeclt/index.vue
new file mode 100644
index 000000000..ca4d718ec
--- /dev/null
+++ b/pages/primeclt/index.vue
@@ -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>