From 16d500b33d324858708836a2cc3046075db38341 Mon Sep 17 00:00:00 2001
From: Zaytsev Kirill <Zaytzev.Kirill@yandex.ru>
Date: Tue, 27 Oct 2020 17:29:19 +0300
Subject: [PATCH] fix: Fixed stories because of last api changes, code cleanup

---
 storybook/stories/FormularioInput.tale.vue | 8 +++++---
 storybook/stories/index.stories.js         | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/storybook/stories/FormularioInput.tale.vue b/storybook/stories/FormularioInput.tale.vue
index cc71fc9..651e8d1 100644
--- a/storybook/stories/FormularioInput.tale.vue
+++ b/storybook/stories/FormularioInput.tale.vue
@@ -8,15 +8,16 @@
             }"
             class="mb-3"
             name="number"
-            validation="number|required"
+            validation="required"
         >
-            <label for="text-field">Text field (number|required)</label>
+            <label for="text-field">Text field (required)</label>
             <input
                 id="text-field"
                 v-model="context.model"
                 type="text"
                 class="form-control"
                 style="max-width: 250px;"
+                @blur="context.runValidation()"
             >
 
             <div
@@ -24,7 +25,7 @@
                 :key="index"
                 class="text-danger"
             >
-                {{ error.message }}
+                {{ error }}
             </div>
         </FormularioInput>
 
@@ -42,6 +43,7 @@
                 type="text"
                 class="form-control"
                 style="max-width: 250px;"
+                @blur="context.runValidation()"
             >
 
             <div
diff --git a/storybook/stories/index.stories.js b/storybook/stories/index.stories.js
index 13e74c4..a0d98d3 100644
--- a/storybook/stories/index.stories.js
+++ b/storybook/stories/index.stories.js
@@ -3,7 +3,7 @@ import './bootstrap.scss'
 import { storiesOf } from '@storybook/vue'
 
 import Vue from 'vue'
-import Formulario from '@/Formulario.ts'
+import VueFormulario from '../../dist/formulario.esm'
 
 import FormularioGroupingTale from './FormularioGrouping.tale'
 import FormularioInputTale from './FormularioInput.tale'
@@ -15,7 +15,7 @@ Vue.mixin({
         }
     }
 })
-Vue.use(new Formulario())
+Vue.use(VueFormulario)
 
 storiesOf('FormularioInput', module)
     .add('Default', () => FormularioInputTale)