message: docs: added basic i18n localization example
diff: @@ -4,11 +4,13 @@ These are a couple of examples to localize vee-validate messages.
  ## `localize` API
  -This example uses the `localize` function, this is usually a good solution for those who use non-nodejs solutions for SSR, the localization will be handled on the client side as a result.
  +This example uses the `localize` function, this is a good solution for those who use non-nodejs server-rendered HTML like Laravel's Blade or Twig, the localization will be handled on the client side as a result.
  +
  +<iframe src="https://codesandbox.io/embed/veevalidate-30-vuei18n-integration-bszvu?fontsize=14" title="VeeValidate 3.0 - Basic i18n" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
  ## vue-i18n
  -This example integrates [vue-i18n](https://kazupon.github.io/vue-i18n/) with vee-validate.
  +This example integrates [vue-i18n](https://kazupon.github.io/vue-i18n/) with vee-validate. The localization files are JSON and formatted to support a common i18n format.
  <iframe src="https://codesandbox.io/embed/veevalidate-30-async-rule-example-9vs4l?fontsize=14" title="VeeValidate 3.0 - VueI18n Integration" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
  