speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 19:08:20 +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<{ const props = defineModel<{
title: string title: string
validationSchema: Record<string, string | Function>,
sections: { sections: {
title: string title: string
fields: { fields: {
@ -19,12 +20,12 @@ const props = defineModel<{
discard: () => void, discard: () => void,
}>(); }>();
let { sections, submit, discard } = $(props); let { sections, submit, discard, validationSchema } = $(props);
</script> </script>
<template> <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"> <template v-for="(section, index) in sections" :key="index">
<h4 v-if="section.title">{{ section.title }}</h4> <h4 v-if="section.title">{{ section.title }}</h4>
<div class="section"> <div class="section">