From ea66cdc07ee1a53f999636e877ef3fd20b181ae6 Mon Sep 17 00:00:00 2001
From: Kenji Okimoto <okimoto@clear-code.com>
Date: Wed, 3 Oct 2018 16:09:10 +0900
Subject: [PATCH] Use bootstrap-vue

Signed-off-by: Kenji Okimoto <okimoto@clear-code.com>
---
 app/views/sessions/new.html.haml | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/views/sessions/new.html.haml b/app/views/sessions/new.html.haml
index 3cf57d1..8503140 100644
--- a/app/views/sessions/new.html.haml
+++ b/app/views/sessions/new.html.haml
@@ -1,7 +1,5 @@
-.card.card-login.mx-auto.mt-5
-  .card-header
-    = t('messages.please_sign_in')
-  .card-body
+#login-form
+  %b-card.card-login.mx-auto.mt-5{"header" => t('messages.please_sign_in')}
     = render partial: "shared/error"
     = form_for(:session, url: sessions_path) do |f|
       .form-group
@@ -10,3 +8,11 @@
         = f.password_field :password, placeholder: t('terms.password'), class: "form-control"
 
       = submit_tag t("terms.sign_in"), class: "btn btn-primary btn-block"
+
+:javascript
+  window.addEventListener("load", () => {
+    new Vue({
+      name: "LoginForm",
+      el: "#login-form"
+    })
+  });