speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-10 18:38:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Nice Form Validation Schema Support

Browse source
This commit is contained in:
Samuel Lorch 2023-04-04 22:37:43 +02:00
parent 66c60d8135
commit edb7c09de3
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/src/components/NiceForm.vue
View file

@ -2,6 +2,7 @@
const props = defineModel<{
title: string
validationSchema: Record<string, string | Function>,
sections: {
title: string
fields: {
@ -19,12 +20,12 @@ const props = defineModel<{
discard: () => void,
}>();
let { sections, submit, discard } = $(props);
let { sections, submit, discard, validationSchema } = $(props);
</script>
<template>
<ValidationForm as="div" v-slot="{ values, handleSubmit }" @submit="submit">
<ValidationForm as="div" v-slot="{ values, handleSubmit }" @submit="submit" :validationSchema="validationSchema">
<template v-for="(section, index) in sections" :key="index">
<h4 v-if="section.title">{{ section.title }}</h4>
<div class="section">