Hide modal footer when empty, changed slot names for good code practice

src/components/screens/Characters.vue

@@ -34,11 +34,11 @@
   </div>
 
   <Modal :isModalOpen="isModalOpen" @modal:close="isModalOpen = false">
-    <template #modal-header>
+    <template #modalHeader>
       <h3 class="modal-title">Create your character</h3>
     </template>
 
-    <template #modal-body>
+    <template #modalBody>
       <form method="post" @submit.prevent="create" class="modal-form">
         <div class="form-fields">
           <label for="name">Name</label>
@@ -50,10 +50,6 @@
       </form>
       <button class="btn-cyan" @click="isModalOpen = false">CANCEL</button>
     </template>
-
-    <template #modal-footer>
-      <button class="btn-cyan">Test</button>
-    </template>
   </Modal>
 </template>