move form class names to outer component

Author: Gareth Redfern

src/components/LoginForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <form @submit.prevent="login" class="p-5 bg-white border rounded shadow">
+  <form @submit.prevent="login">
     <BaseInput
       type="email"
       label="Email"

src/components/RegisterForm.vue

@@ -1,8 +1,5 @@
 <template>
-  <form
-    @submit.prevent="registerUser"
-    class="p-5 bg-white border rounded shadow"
-  >
+  <form @submit.prevent="registerUser">
     <div class="mb-2">
       <label for="name" class="text-sm text-gray-500">Name</label>
       <input

src/views/Login.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="max-w-sm p-5 m-auto">
     <h2 class="mb-4 text-xl font-bold text-center">Login</h2>
-    <LoginForm />
+    <LoginForm class="p-5 bg-white border rounded shadow" />
     <p class="mt-2 text-center text-gray-500">
       <router-link
         to="/register"

src/views/Register.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="max-w-sm p-5 m-auto">
     <h2 class="mb-4 text-xl font-bold text-center">Register</h2>
-    <RegisterForm />
+    <RegisterForm class="p-5 bg-white border rounded shadow" />
   </div>
 </template>