From 26fac9d1a11335719b294a3423b28f866b26c571 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Wed, 7 Oct 2020 09:40:19 +0200
Subject: [PATCH] chore(docs): simplify `<b-form-group>` validation message
 example

---
 src/components/form-group/README.md | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/components/form-group/README.md b/src/components/form-group/README.md
index a50f4e0810b..dffc8b70fe5 100644
--- a/src/components/form-group/README.md
+++ b/src/components/form-group/README.md
@@ -12,8 +12,8 @@
       description="Let us know your name."
       label="Enter your name"
       label-for="input-1"
+      valid-feedback="Thank you!"
       :invalid-feedback="invalidFeedback"
-      :valid-feedback="validFeedback"
       :state="state"
     >
       <b-form-input id="input-1" v-model="name" :state="state" trim></b-form-input>
@@ -25,19 +25,13 @@
   export default {
     computed: {
       state() {
-        return this.name.length >= 4 ? true : false
+        return this.name.length >= 4
       },
       invalidFeedback() {
-        if (this.name.length > 4) {
-          return ''
-        } else if (this.name.length > 0) {
-          return 'Enter at least 4 characters'
-        } else {
-          return 'Please enter something'
+        if (this.name.length > 0) {
+          return 'Enter at least 4 characters.'
         }
-      },
-      validFeedback() {
-        return this.state === true ? 'Thank you' : ''
+        return 'Please enter something.'
       }
     },
     data() {