From ceecdf97d83b141d4dc1c3833bc2e9025051be6a 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: Fri, 2 Sep 2022 13:22:24 +0300
Subject: [PATCH] refactor

---
 src/views/terminal/TerminalDoc.vue            |  8 +++----
 src/views/theming/Theming.vue                 |  2 +-
 src/views/treetable/TreeTableDoc.vue          | 23 ++++++++++++++++---
 .../treetable/TreeTableResponsiveDemo.vue     |  8 +++----
 4 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/views/terminal/TerminalDoc.vue b/src/views/terminal/TerminalDoc.vue
index ce0aa4fb4..debeef75e 100755
--- a/src/views/terminal/TerminalDoc.vue
+++ b/src/views/terminal/TerminalDoc.vue
@@ -20,7 +20,7 @@ import TerminalService from 'primevue/terminalservice';
 import TerminalService from 'primevue/terminalservice';
 
 export default {
-     methods: {
+    methods: {
         commandHandler(text) {
             let response;
             let argsIndex = text.indexOf(' ');
@@ -95,7 +95,7 @@ export default {
                             </tr>
 						</thead>
 						<tbody>
-                             <tr>
+                            <tr>
                                 <td>p-terminal</td>
                                 <td>Container element.</td>
                             </tr>
@@ -107,7 +107,7 @@ export default {
                                 <td>p-terminal-prompt</td>
                                 <td>Prompt text.</td>
                             </tr>
-                             <tr>
+                            <tr>
                                 <td>p-terminal-response</td>
                                 <td>Command response.</td>
                             </tr>
@@ -136,7 +136,7 @@ export default {
 import TerminalService from 'primevue/terminalservice';
 
 export default {
-     methods: {
+    methods: {
         commandHandler(text) {
             let response;
             let argsIndex = text.indexOf(' ');
diff --git a/src/views/theming/Theming.vue b/src/views/theming/Theming.vue
index d1ffb72ba..f7bb9c3a4 100755
--- a/src/views/theming/Theming.vue
+++ b/src/views/theming/Theming.vue
@@ -59,7 +59,7 @@ html {
 <CodeHighlight>
 &lt;style lang="scss" scoped&gt;
 :deep(.dark-panel.p-panel) {
-    .p-panel-titlebar {
+    .p-panel-title {
         background: #212121;
     }
 
diff --git a/src/views/treetable/TreeTableDoc.vue b/src/views/treetable/TreeTableDoc.vue
index f1667cae7..0e54b46de 100755
--- a/src/views/treetable/TreeTableDoc.vue
+++ b/src/views/treetable/TreeTableDoc.vue
@@ -889,7 +889,7 @@ data() {
                 <p>Optionally a global filter is available to search against all the fields, in this case the special <i>global</i> keyword should be the property to be populated.</p>
 
                 <p>In addition <i>filterMode</i> specifies the filtering strategy. In <b>lenient</b> mode when the query matches a node, children of the node are not searched further as all descendants of the node are included. On the other hand,
-                 in <b>strict</b> mode when the query matches a node, filtering continues on all descendants.</p>
+                in <b>strict</b> mode when the query matches a node, filtering continues on all descendants.</p>
 <CodeHighlight>
 <template v-pre>
 &lt;TreeTable :value="nodes" :filters="filters" filterMode="lenient"&gt;
@@ -1231,6 +1231,23 @@ export default {
 }
 </CodeHighlight>
 
+<CodeHighlight lang="css">
+    .sm-visible {
+        display: none;
+    }
+
+    @media screen and (max-width: 40em) {
+        :deep(.sm-invisible) {
+            display: none;
+        }
+
+        :deep(.sm-visible) {
+            display: inline;
+            margin-right: .5rem;
+        }
+    }
+    </CodeHighlight>
+
 				<h5>Properties</h5>
                 <p>Any property such as style and class are passed to the underlying root element. Following is the additional property to configure the component.</p>
 				<div class="doc-tablewrapper">
@@ -1293,7 +1310,7 @@ export default {
                                 <td>null</td>
                                 <td>Number of total records, defaults to length of value when not defined.</td>
                             </tr>
-                             <tr>
+                            <tr>
                                 <td>paginator</td>
                                 <td>boolean</td>
                                 <td>false</td>
@@ -1369,7 +1386,7 @@ export default {
                                 <td>sortField</td>
                                 <td>string</td>
                                 <td>null</td>
-                               <td>Property name or a getter function of a row data used for sorting by default.</td>
+                                <td>Property name or a getter function of a row data used for sorting by default.</td>
                             </tr>
                             <tr>
                                 <td>sortOrder</td>
diff --git a/src/views/treetable/TreeTableResponsiveDemo.vue b/src/views/treetable/TreeTableResponsiveDemo.vue
index d4755acfd..61a623d72 100755
--- a/src/views/treetable/TreeTableResponsiveDemo.vue
+++ b/src/views/treetable/TreeTableResponsiveDemo.vue
@@ -91,11 +91,11 @@ export default {
 }
 
 @media screen and (max-width: 40em) {
-    .sm-invisible {
+    :deep(.sm-invisible) {
         display: none;
     }
 
-    .sm-visible {
+    :deep(.sm-visible) {
         display: inline;
         margin-right: .5rem;
     }
@@ -133,11 +133,11 @@ export default {
 }
 
 @media screen and (max-width: 40em) {
-    .sm-invisible {
+    :deep(.sm-invisible) {
         display: none;
     }
 
-    .sm-visible {
+    :deep(.sm-visible) {
         display: inline;
         margin-right: .5rem;
     }