Skip to content

Commit

Permalink
Add new validation components
Browse files Browse the repository at this point in the history
  • Loading branch information
jrmybtlr committed Jan 26, 2024
1 parent 95e51a3 commit 7957c80
Show file tree
Hide file tree
Showing 17 changed files with 247 additions and 64 deletions.
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/IsFloat.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isFloat(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(1.1)
</script>
2 changes: 1 addition & 1 deletion nuxt-module/docs/components/content/PageFunction.vue
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
</div>

<div
class="text-zinc-500 bg-white/[3%] right-0 translate-x-1/2 mt-1 -mr-3 absolute transition-all flex h-6 px-2 border border-white/5 items-center justify-center rounded-md"
class="text-zinc-500 bg-white/[3%] right-0 translate-x-1/2 mt-1 -mr-3 absolute transition-all flex h-6 px-1.5 border border-white/5 items-center justify-center rounded-md"
:class="showCopied ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'">
Copied!
</div>
Expand Down
18 changes: 18 additions & 0 deletions nuxt-module/docs/components/content/validators/IsBetween.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
<FormInput label="Min" type="text" v-model="value2" />
<FormInput label="Max" type="text" v-model="value3" />
</ExampleInputs>
<ExampleResult>
{{ isBetween(value, value2, value3) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(1)
const value2 = ref(2)
const value3 = ref(10)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsDate.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isDate(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(new Date())
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsEven.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isEven(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(2)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsFunction.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isFunction(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(() => {})
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsInteger.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isInteger(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(1)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsLeapYear.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isLeapYear(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(2020)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsNegative.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isNegative(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(-1)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsNull.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isNull(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(null)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsOdd.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isOdd(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(1)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsPositive.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isPositive(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(1)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsPrime.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isPrime(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(1)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsTime.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isTime(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref('12:00')
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsUndefined.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isUndefined(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(undefined)
</script>
14 changes: 14 additions & 0 deletions nuxt-module/docs/components/content/validators/IsZero.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<template>
<Example>
<ExampleInputs>
<FormInput label="Value" type="text" v-model="value" />
</ExampleInputs>
<ExampleResult>
{{ isZero(value) }}
</ExampleResult>
</Example>
</template>

<script setup lang="ts">
const value = ref(0)
</script>
Loading

0 comments on commit 7957c80

Please sign in to comment.