From a986f592f08bc26a222d6b45777ae160f24a9b07 Mon Sep 17 00:00:00 2001
From: fujino-yuki <xxx153yuu.story@gmail.com>
Date: Sun, 3 Feb 2019 21:40:45 +0900
Subject: [PATCH] modify: Separated modal-button component to mix-modal-screen
 and mix-action-button.

---
 src/pages/index.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 41e7766..bb25e3b 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -3,22 +3,25 @@
     <app-loadding :isHide="isUser"/>
     <section class="main__section">
       <todo-list/>
-      <modal-button/>
+      <mix-modal-screen/>
+      <mix-action-button/>
     </section>
   </div>
 </template>
 
 <script>
 import firebase from "~/plugins/firebase";
-import AppLoadding from '~/components/simple/app-loading'
-import ModalButton from '~/components/mix/modal-button'
-import TodoList from '~/components/mix/todo-list'
+import AppLoadding from '~/components/simple/app-loading';
+import MixActionButton from '~/components/mix/mix-action-button';
+import MixModalScreen from '~/components/mix/mix-modal-screen';
+import TodoList from '~/components/mix/todo-list';
 
 export default {
   layout: 'default',
   components: {
     AppLoadding,
-    ModalButton,
+    MixActionButton,
+    MixModalScreen,
     TodoList,
   },
   data() {