diff options
Diffstat (limited to 'src/ui/c-input-text/c-input-text.demo.vue')
-rw-r--r-- | src/ui/c-input-text/c-input-text.demo.vue | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/src/ui/c-input-text/c-input-text.demo.vue b/src/ui/c-input-text/c-input-text.demo.vue index 5a5fa99..b027787 100644 --- a/src/ui/c-input-text/c-input-text.demo.vue +++ b/src/ui/c-input-text/c-input-text.demo.vue @@ -1,3 +1,19 @@ +<script lang="ts" setup> +import { useValidation } from '@/composable/validation'; + +const value = ref('value'); +const valueLong = ref( + 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, est modi iusto repellendus fuga accusantium atque at magnam aliquam eum explicabo vero quia, nobis quasi quis! Earum amet quam a?', +); + +const validationRules = [{ message: 'Length must be > 10', validator: (value: string) => value.length > 10 }]; + +const validation = useValidation({ + source: value, + rules: validationRules, +}); +</script> + <template> <h2>Default</h2> @@ -58,19 +74,3 @@ clearable /> </template> - -<script lang="ts" setup> -import { useValidation } from '@/composable/validation'; - -const value = ref('value'); -const valueLong = ref( - 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum, est modi iusto repellendus fuga accusantium atque at magnam aliquam eum explicabo vero quia, nobis quasi quis! Earum amet quam a?', -); - -const validationRules = [{ message: 'Length must be > 10', validator: (value: string) => value.length > 10 }]; - -const validation = useValidation({ - source: value, - rules: validationRules, -}); -</script> |