Validation attributes

Would like to see something to be able to generate validation attributes among with model classes. It would be really cool.

My view model looks like this:

I got my api like this:

I am thinking about to implement client validation using vuelidate or VeeValidate

Is there any way to somehow translate model attributes using swagger-axios-codegen and use them in validation? Any ideas?

[fairking]

Maybe it could be something like this?

ISwaggerOptions = {
  ...
  renderValidationModel: [ true | false ],
  ...
}

codegen output:

export class RoleVm {
  name?: string;
  description?: string;
  static ValidationModel() {
    return {
      name: {
        required,
        minLength: 1,
        maxLength: 50
      },
      description: {
        maxLength: 150
      }
    }
  }
}

It is interesting how easy we can bind the validation model with the vuelidate or VeeValidate.

vuelidate example (not sure it will work):

import { required, minLength, maxLength } from 'vuelidate/lib/validators'

export default {
  data () {
    return {
      model: new RoleVm(),
    }
  },
  validations: RoleVm.ValidationModel()
}

vee-validate example (not sure it will work):

<template>
<validation-provider rules="validations.name" v-slot="{ errors }">
  <input v-model="model.name" name="name" type="text" />
  <span>{{ errors[0] }}</span>
</validation-provider>
</template>

<script>
import { ValidationProvider, extend } from 'vee-validate';
import { required, minLength, maxLength } from 'vee-validate/dist/rules';

extend('required', { ...required, message: 'The {_field_} field is required' });
extend('minLength', { ...minLength, message: 'The {_field_} field must not be less than {_min_} characters' });
extend('maxLength', { ...maxLength, message: 'The {_field_} field must not be more than {_max_} characters' });

new Vue({
  el: '#app',
  components: {
    ValidationProvider
  },
  data: () => ({
    model: new RoleVm(),
    validations: RoleVm.ValidationModel()
  }),
});
<script>

[fairking]

Yes you can close. The most important things are covered. If someone needs more validation he/she can raise a new issue.