From 443fd41198ad8785a169c98a1c80a3eccb982bd2 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 1 Mar 2025 16:43:27 +0300
Subject: [PATCH] Use cn for data-p

---
 apps/labs/doc/inputtext/SizesDoc.vue          |  2 +-
 apps/labs/nuxt.config.js                      |  7 +-----
 apps/labs/plex/inputtext/index.vue            |  2 +-
 packages/primevue/src/inputtext/InputText.vue | 22 ++++++-------------
 4 files changed, 10 insertions(+), 23 deletions(-)

diff --git a/apps/labs/doc/inputtext/SizesDoc.vue b/apps/labs/doc/inputtext/SizesDoc.vue
index 0995afe07..49def6632 100644
--- a/apps/labs/doc/inputtext/SizesDoc.vue
+++ b/apps/labs/doc/inputtext/SizesDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>InputText is used with the <i>v-model</i> property for two-way value binding.</p>
+        <p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
     </DocSectionText>
     <div class="card flex flex-col items-center gap-4">
         <PlexInputText v-model="value1" type="text" size="small" placeholder="Small" />
diff --git a/apps/labs/nuxt.config.js b/apps/labs/nuxt.config.js
index 55650365e..f2662526b 100644
--- a/apps/labs/nuxt.config.js
+++ b/apps/labs/nuxt.config.js
@@ -34,15 +34,10 @@ export default defineNuxtConfig({
     runtimeConfig: {
         GITHUB_TOKEN: ''
     },
-    primevue: {
-        options: {
-            theme: 'none'
-        }
-    },
     app: {
         baseURL: baseUrl,
         head: {
-            title: 'Tailwind CSS based Vue UI Component Library',
+            title: 'Plex UI Component Library for Vue.js',
             meta: [
                 { charset: 'utf-8' },
                 { name: 'viewport', content: 'width=device-width, initial-scale=1' },
diff --git a/apps/labs/plex/inputtext/index.vue b/apps/labs/plex/inputtext/index.vue
index b6d7181ca..86f3b398c 100644
--- a/apps/labs/plex/inputtext/index.vue
+++ b/apps/labs/plex/inputtext/index.vue
@@ -22,6 +22,6 @@ const theme = ref({
         px-3 py-2 p-fluid:w-full
         p-small:text-sm p-small:px-[0.625rem] p-small-py-[0.375rem]
         p-large:text-lg p-small:px-[0.875rem] p-small-py-[0.625rem]
-        transition-colors duration-200`
+        transition-colors duration-200 shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]`
 });
 </script>
diff --git a/packages/primevue/src/inputtext/InputText.vue b/packages/primevue/src/inputtext/InputText.vue
index 94947853f..57d82b25a 100755
--- a/packages/primevue/src/inputtext/InputText.vue
+++ b/packages/primevue/src/inputtext/InputText.vue
@@ -3,6 +3,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils/classnames';
 import { mergeProps } from 'vue';
 import BaseInputText from './BaseInputText.vue';
 
@@ -28,21 +29,12 @@ export default {
             );
         },
         dataP() {
-            const p = [];
-            if (this.$invalid) {
-                p.push('invalid');
-            }
-            if (this.size) {
-                p.push(this.size);
-            }
-            if (this.$fluid) {
-                p.push('fluid');
-            }
-            if (this.$variant === 'filled') {
-                p.push('filled');
-            }
-
-            return p.join(' ');
+            return cn({
+                invalid: this.$invalid,
+                fluid: this.$fluid,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
         }
     }
 };