Kelin2025

<template>
  <div>
    <div v-if="apis.hello.pending">Loading</div>
    <div v-else>
      <button @click="$api.go('hello')">Hello</button>
    </div>
  </div>
</template>

<script>

Kelin2025

this.$form('test').reset() // Reset previous state for form
this.$form('test').validate() // Call $touch() + return !$invalid

Kelin2025

import { Container } from 'apicase'

// Declare headers
const headers = () => ({
  token: localStorage.getItem('token')
})

// Declare services
const services = {
  hello: {

Kelin2025

export default {
  forms: {
    form: {
      name: { required },
      surname: { required },
      age: {
        required,
        min: value => value >= 18
      },
      // That one will have a default value

Kelin2025

export default {
  data: () => ({
    form: {
      name: null,
      surname: null,
      age: null
    }
  }),
  validations: {
    form: {

Kelin2025

import { required, numeric } from 'vuelidate/lib/validators'
import { buildFromValidator } from '@/common/utils/forms'

const form = {
  name: { required },
  weapon: { required },
  price: { numeric },
  image: { required },
  nested: {
    item: { required, numeric }

Kelin2025

<template lang="pug">
  div.list
    span {{translate('global.lang')}}
    label(v-for="lang in available").item
      input(type="radio",v-model="current",:value="lang")
      img(:src="icon(lang)",:class="{active: lang === current}")
</template>

<script>
export default {