From 8d412cf0db75c02a60d552011a7eaef279cb8beb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Sat, 17 Jul 2021 17:28:10 +0300
Subject: [PATCH] Refactor on PrimeFlex

---
 src/assets/menu/menu.json              | 2 +-
 src/views/dataview/DataViewDoc.vue     | 2 +-
 src/views/display/DisplayDoc.vue       | 3 +++
 src/views/elevation/ElevationDoc.vue   | 3 +++
 src/views/flexbox/FlexBoxDemo.vue      | 3 +++
 src/views/primeflex/PrimeFlexSetup.vue | 4 ++--
 src/views/spacing/SpacingDoc.vue       | 3 +++
 src/views/text/TextDoc.vue             | 6 ++++++
 8 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/assets/menu/menu.json b/src/assets/menu/menu.json
index 096dafd16..92ce8d6e3 100644
--- a/src/assets/menu/menu.json
+++ b/src/assets/menu/menu.json
@@ -99,7 +99,7 @@
             ]
         },
         {
-            "name": "PrimeFlex",
+            "name": "PrimeFlex 2.0",
             "meta": ["primeflex"],
             "children": [
                 {
diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue
index 0fd973f28..e3d9650f8 100755
--- a/src/views/dataview/DataViewDoc.vue
+++ b/src/views/dataview/DataViewDoc.vue
@@ -444,7 +444,7 @@ export default {
         </div>
 
 		<h5>Dependencies</h5>
-		<p>None.</p>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>
 
diff --git a/src/views/display/DisplayDoc.vue b/src/views/display/DisplayDoc.vue
index f40bde565..e4218ba8e 100644
--- a/src/views/display/DisplayDoc.vue
+++ b/src/views/display/DisplayDoc.vue
@@ -38,6 +38,9 @@
 
         <h5>Customization</h5>
         <p>A custom build with different values can be obtained from <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> using the _variables.scss file.</p>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>
 
diff --git a/src/views/elevation/ElevationDoc.vue b/src/views/elevation/ElevationDoc.vue
index c38a71cd2..8a2fe46b6 100644
--- a/src/views/elevation/ElevationDoc.vue
+++ b/src/views/elevation/ElevationDoc.vue
@@ -14,6 +14,9 @@
 &lt;div class="p-shadow-24" /&gt;
 
 </code></pre>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
 	</AppDoc>
 </template>
 
diff --git a/src/views/flexbox/FlexBoxDemo.vue b/src/views/flexbox/FlexBoxDemo.vue
index 5c7f3aaf6..6ff393df4 100644
--- a/src/views/flexbox/FlexBoxDemo.vue
+++ b/src/views/flexbox/FlexBoxDemo.vue
@@ -534,6 +534,9 @@
                 <div>Item 1</div>
                 <div class="p-mt-auto">Item 2</div>
             </div>
+
+            <h5>Dependencies</h5>
+            <p>PrimeFlex 2.0.0.</p>
         </div>
     </div>
 </template>
diff --git a/src/views/primeflex/PrimeFlexSetup.vue b/src/views/primeflex/PrimeFlexSetup.vue
index 990409d64..1adc5f76b 100644
--- a/src/views/primeflex/PrimeFlexSetup.vue
+++ b/src/views/primeflex/PrimeFlexSetup.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <div class="content-section documentation">
-            <h1>PrimeFlex</h1>
+            <h1>PrimeFlex (v2.0.0)</h1>
             <p>PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more. Although it is not required, it is highly
                 recommended to add PrimeFlex as it is likely to need such utilities when developing applications with PrimeVue.</p>
 
@@ -9,7 +9,7 @@
             <p>PrimeFlex is available at <a href="https://www.npmjs.com/package/primeflex">npm</a>, if you have an existing application run the following commands to install it.</p>
 
 <pre v-code.script><code>
-npm install primeflex --save
+npm install primeflex@2.0.0 --save
 
 </code></pre>
 
diff --git a/src/views/spacing/SpacingDoc.vue b/src/views/spacing/SpacingDoc.vue
index 689c1c597..1c1c6b99b 100644
--- a/src/views/spacing/SpacingDoc.vue
+++ b/src/views/spacing/SpacingDoc.vue
@@ -60,6 +60,9 @@
 
         <h5>Customization</h5>
         <p>A custom build with different values can be obtained from <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> using the _variables.scss file.</p>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>
 
diff --git a/src/views/text/TextDoc.vue b/src/views/text/TextDoc.vue
index 711e6f40e..c2dcb432b 100644
--- a/src/views/text/TextDoc.vue
+++ b/src/views/text/TextDoc.vue
@@ -62,6 +62,12 @@
 &lt;div class="p-text-italic"&gt;Italic&lt;/div&gt;
 </template>
 </code></pre>
+
+        <h5>Customization</h5>
+        <p>A custom build with different values can be obtained from <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> using the _variables.scss file.</p>
+        
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>