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

Disable autoimport to avoid prefix

pull/7170/merge
Cagatay Civici 2025-03-01 18:20:05 +03:00
parent 4907ed932e
commit b340affb9a
23 changed files with 94 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/labs/doc/inputtext/BasicDoc.vue
View File

@ -3,13 +3,13 @@
<p>InputText is used with the <i>v-model</i> property for two-way value binding.</p> <p>InputText is used with the <i>v-model</i> property for two-way value binding.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" /> <InputText v-model="value" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" /> <InputText v-model="value" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/inputtext/DisabledDoc.vue
View File

@ -3,13 +3,13 @@
<p>When <i>disabled</i> is present, the element cannot be edited and focused.</p> <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" disabled placeholder="Disabled" /> <InputText v-model="value" disabled placeholder="Disabled" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" disabled placeholder="Disabled" /> <InputText v-model="value" disabled placeholder="Disabled" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/inputtext/FilledDoc.vue
View File

@ -3,13 +3,13 @@
<p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p> <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" variant="filled" /> <InputText v-model="value" variant="filled" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" variant="filled" /> <InputText v-model="value" variant="filled" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/inputtext/HelpTextDoc.vue
View File

@ -3,13 +3,13 @@
<p>An advisory text can be defined with the <NuxtLink to="/message">Message</NuxtLink> component.</p> <p>An advisory text can be defined with the <NuxtLink to="/message">Message</NuxtLink> component.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" type="text" /> <InputText v-model="value" type="text" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" type="text" /> <InputText v-model="value" type="text" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

2
apps/labs/doc/inputtext/ImportDoc.vue
View File

@ -8,7 +8,7 @@ export default {
data() { data() {
return { return {
code: ` code: `
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
` `
}; };
} }

8
apps/labs/doc/inputtext/InvalidDoc.vue
View File

@ -3,13 +3,13 @@
<p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p> <p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" :invalid="!value" placeholder="Name" /> <InputText v-model="value" :invalid="!value" placeholder="Name" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(''); const value = ref('');
@ -17,12 +17,12 @@ const value = ref('');
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" :invalid="!value" placeholder="Name" /> <InputText v-model="value" :invalid="!value" placeholder="Name" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

16
apps/labs/doc/inputtext/SizesDoc.vue
View File

@ -3,15 +3,15 @@
<p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p> <p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
</DocSectionText> </DocSectionText>
<div class="card flex flex-col items-center gap-4"> <div class="card flex flex-col items-center gap-4">
<PlexInputText v-model="value1" type="text" size="small" placeholder="Small" /> <InputText v-model="value1" type="text" size="small" placeholder="Small" />
<PlexInputText v-model="value2" type="text" placeholder="Normal" /> <InputText v-model="value2" type="text" placeholder="Normal" />
<PlexInputText v-model="value3" type="text" size="large" placeholder="Large" /> <InputText v-model="value3" type="text" size="large" placeholder="Large" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value1 = ref(null); const value1 = ref(null);
@ -21,14 +21,14 @@ const value3 = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex flex-col items-center gap-4"> <div class="card flex flex-col items-center gap-4">
<PlexInputText v-model="value1" type="text" size="small" placeholder="Small" /> <InputText v-model="value1" type="text" size="small" placeholder="Small" />
<PlexInputText v-model="value2" type="text" placeholder="Normal" /> <InputText v-model="value2" type="text" placeholder="Normal" />
<PlexInputText v-model="value3" type="text" size="large" placeholder="Large" /> <InputText v-model="value3" type="text" size="large" placeholder="Large" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value1 = ref(null); const value1 = ref(null);

8
apps/labs/doc/slider/BasicDoc.vue
View File

@ -3,13 +3,13 @@
<p>Slider is used with the <i>v-model</i> property for two-way value binding.</p> <p>Slider is used with the <i>v-model</i> property for two-way value binding.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" class="w-56" /> <Slider v-model="value" class="w-56" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" class="w-56" /> <Slider v-model="value" class="w-56" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/slider/FilterDoc.vue
View File

@ -3,13 +3,13 @@
<p>Image filter implementation using multiple sliders.</p> <p>Image filter implementation using multiple sliders.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" class="w-56" /> <Slider v-model="value" class="w-56" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" class="w-56" /> <Slider v-model="value" class="w-56" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

2
apps/labs/doc/slider/ImportDoc.vue
View File

@ -8,7 +8,7 @@ export default {
data() { data() {
return { return {
code: ` code: `
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
` `
}; };
} }

16
apps/labs/doc/slider/InputDoc.vue
View File

@ -4,16 +4,16 @@
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<div class="w-56"> <div class="w-56">
<PlexInputText v-model.number="value" class="w-full mb-4" /> <InputText v-model.number="value" class="w-full mb-4" />
<PlexSlider v-model="value" class="w-full" /> <Slider v-model="value" class="w-full" />
</div> </div>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(50); const value = ref(50);
@ -21,14 +21,14 @@ const value = ref(50);
const code = ref(` const code = ref(`
<div class="card flex justify-center"> <div class="card flex justify-center">
<div class="w-56"> <div class="w-56">
<PlexInputText v-model.number="value" class="w-full mb-4" /> <InputText v-model.number="value" class="w-full mb-4" />
<PlexSlider v-model="value" class="w-full" /> <Slider v-model="value" class="w-full" />
</div> </div>
</div> </div>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(50); const value = ref(50);

8
apps/labs/doc/slider/RangeDoc.vue
View File

@ -3,13 +3,13 @@
<p>When <i>range</i> property is present, slider provides two handles to define two values. In range mode, value should be an array instead of a single value.</p> <p>When <i>range</i> property is present, slider provides two handles to define two values. In range mode, value should be an array instead of a single value.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" range class="w-56" /> <Slider v-model="value" range class="w-56" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref([20, 80]); const value = ref([20, 80]);
@ -17,12 +17,12 @@ const value = ref([20, 80]);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" range class="w-56" /> <Slider v-model="value" range class="w-56" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref([20, 80]); const value = ref([20, 80]);

8
apps/labs/doc/slider/StepDoc.vue
View File

@ -3,13 +3,13 @@
<p>Size of each movement is defined with the <i>step</i> property.</p> <p>Size of each movement is defined with the <i>step</i> property.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" :step="20" class="w-56" /> <Slider v-model="value" :step="20" class="w-56" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(20); const value = ref(20);
@ -17,12 +17,12 @@ const value = ref(20);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" :step="20" class="w-56" /> <Slider v-model="value" :step="20" class="w-56" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(20); const value = ref(20);

8
apps/labs/doc/slider/VerticalDoc.vue
View File

@ -3,13 +3,13 @@
<p>Default layout of slider is <i>horizontal</i>, use <i>orientation</i> property for the alternative <i>vertical</i> mode.</p> <p>Default layout of slider is <i>horizontal</i>, use <i>orientation</i> property for the alternative <i>vertical</i> mode.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" orientation="vertical" class="h-56" /> <Slider v-model="value" orientation="vertical" class="h-56" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(50); const value = ref(50);
@ -17,12 +17,12 @@ const value = ref(50);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexSlider v-model="value" orientation="vertical" class="h-56" /> <Slider v-model="value" orientation="vertical" class="h-56" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexSlider from '@/plex/slider'; import Slider from '@/plex/slider';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(50); const value = ref(50);

8
apps/labs/doc/textarea/AutoResizeDoc.vue
View File

@ -3,13 +3,13 @@
<p>When <i>autoResize</i> is enabled, textarea grows instead of displaying a scrollbar.</p> <p>When <i>autoResize</i> is enabled, textarea grows instead of displaying a scrollbar.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" autoResize rows="5" cols="30" /> <Textarea v-model="value" autoResize rows="5" cols="30" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" autoResize rows="5" cols="30" /> <Textarea v-model="value" autoResize rows="5" cols="30" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/textarea/BasicDoc.vue
View File

@ -3,13 +3,13 @@
<p>Textarea is used with the <i>v-model</i> property for two-way value binding.</p> <p>Textarea is used with the <i>v-model</i> property for two-way value binding.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" class="resize-none" /> <Textarea v-model="value" rows="5" cols="30" class="resize-none" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" class="resize-none" /> <Textarea v-model="value" rows="5" cols="30" class="resize-none" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/textarea/DisabledDoc.vue
View File

@ -3,13 +3,13 @@
<p>When <i>disabled</i> is present, the element cannot be edited and focused.</p> <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" disabled class="resize-none" /> <Textarea v-model="value" rows="5" cols="30" disabled class="resize-none" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" disabled class="resize-none" /> <Textarea v-model="value" rows="5" cols="30" disabled class="resize-none" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/textarea/FilledDoc.vue
View File

@ -3,13 +3,13 @@
<p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p> <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" variant="filled" /> <Textarea v-model="value" rows="5" cols="30" variant="filled" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" variant="filled" /> <Textarea v-model="value" rows="5" cols="30" variant="filled" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

8
apps/labs/doc/textarea/HelpTextDoc.vue
View File

@ -3,13 +3,13 @@
<p>An advisory text can be defined with the <NuxtLink to="/message">Message</NuxtLink> component.</p> <p>An advisory text can be defined with the <NuxtLink to="/message">Message</NuxtLink> component.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" type="text" /> <InputText v-model="value" type="text" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);
@ -17,12 +17,12 @@ const value = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexInputText v-model="value" type="text" /> <InputText v-model="value" type="text" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexInputText from '@/plex/inputtext'; import InputText from '@/plex/inputtext';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

2
apps/labs/doc/textarea/ImportDoc.vue
View File

@ -8,7 +8,7 @@ export default {
data() { data() {
return { return {
code: ` code: `
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
` `
}; };
} }

8
apps/labs/doc/textarea/InvalidDoc.vue
View File

@ -3,13 +3,13 @@
<p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p> <p>Invalid state is displayed using the <i>invalid</i> prop to indicate a failed validation. You can use this style when integrating with form validation libraries.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" :invalid="!value" class="resize-none" placeholder="Address" /> <Textarea v-model="value" rows="5" cols="30" :invalid="!value" class="resize-none" placeholder="Address" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(''); const value = ref('');
@ -17,12 +17,12 @@ const value = ref('');
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<PlexTextarea v-model="value" rows="5" cols="30" :invalid="!value" class="resize-none" placeholder="Address" /> <Textarea v-model="value" rows="5" cols="30" :invalid="!value" class="resize-none" placeholder="Address" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(null);

16
apps/labs/doc/textarea/SizesDoc.vue
View File

@ -3,15 +3,15 @@
<p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p> <p>InputText provides <i>small</i> and <i>large</i> sizes as alternatives to the base.</p>
</DocSectionText> </DocSectionText>
<div class="card flex flex-col items-center gap-4"> <div class="card flex flex-col items-center gap-4">
<PlexTextarea v-model="value1" size="small" placeholder="Small" rows="3" /> <Textarea v-model="value1" size="small" placeholder="Small" rows="3" />
<PlexTextarea v-model="value2" placeholder="Normal" rows="3" /> <Textarea v-model="value2" placeholder="Normal" rows="3" />
<PlexTextarea v-model="value3" size="large" placeholder="Large" rows="3" /> <Textarea v-model="value3" size="large" placeholder="Large" rows="3" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value1 = ref(null); const value1 = ref(null);
@ -21,14 +21,14 @@ const value3 = ref(null);
const code = ref(` const code = ref(`
<template> <template>
<div class="card flex flex-col items-center gap-4"> <div class="card flex flex-col items-center gap-4">
<PlexTextarea v-model="value1" size="small" placeholder="Small" rows="3" /> <Textarea v-model="value1" size="small" placeholder="Small" rows="3" />
<PlexTextarea v-model="value2" placeholder="Normal" rows="3" /> <Textarea v-model="value2" placeholder="Normal" rows="3" />
<PlexTextarea v-model="value3" size="large" placeholder="Large" rows="3" /> <Textarea v-model="value3" size="large" placeholder="Large" rows="3" />
</div> </div>
</template> </template>
<script setup> <script setup>
import PlexTextarea from '@/plex/textarea'; import Textarea from '@/plex/textarea';
import { ref } from 'vue'; import { ref } from 'vue';
const value1 = ref(null); const value1 = ref(null);

3
apps/labs/nuxt.config.js
View File

@ -34,6 +34,9 @@ export default defineNuxtConfig({
runtimeConfig: { runtimeConfig: {
GITHUB_TOKEN: '' GITHUB_TOKEN: ''
}, },
primevue: {
autoImport: false
},
app: { app: {
baseURL: baseUrl, baseURL: baseUrl,
head: { head: {