From 34cb3a14158ec193e53bbb131a762fbfbbc56996 Mon Sep 17 00:00:00 2001
From: shibafu <shibafu528@gmail.com>
Date: Wed, 5 Jun 2019 00:50:47 +0900
Subject: [PATCH] =?UTF-8?q?is-invalid=20class=E3=81=AE=E3=81=93=E3=81=A8?=
 =?UTF-8?q?=E5=BF=98=E3=82=8C=E3=81=A6=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/TagInput.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/components/TagInput.vue b/resources/assets/js/components/TagInput.vue
index 379ba6c..a2c1ff3 100644
--- a/resources/assets/js/components/TagInput.vue
+++ b/resources/assets/js/components/TagInput.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="form-control h-auto" @click="$refs.input.focus()">
+    <div :class="containerClass" @click="$refs.input.focus()">
         <input :name="name" type="hidden" :value="tagValue">
         <ul class="list-inline d-inline">
             <li v-for="(tag, i) in tags"
@@ -51,6 +51,14 @@
             this.tags.splice(index, 1);
         }
 
+        get containerClass(): object {
+            return {
+                "form-control": true,
+                "h-auto": true,
+                "is-invalid": this.isInvalid
+            };
+        }
+
         get tagValue(): string {
             return this.tags.join(" ");
         }