no message

 import Vue from 'vue'
-import Vuex from 'vuex'
 import App from './App.vue'
-
-Vue.use(Vuex)
-
-const store = new Vuex.Store({
-    state: {
-        count: 0,
-        size: 10,
-        isLogin: false,
-        todos: [
-          { id: 1, text: '...', done: true },
-          { id: 2, text: '...', done: false }
-        ]
-    },
-    getters: {
-      doneTodos: state => {
-        return state.todos.filter(todo => todo.done)
-      }
-    },
-    mutations: {
-        increment: state => state.count++,
-        decrement: state => state.count--,
-        login: state => state.isLogin = true
-    }
-})
+import store from './store.js'
 
 new Vue({
     el: '#app',
     store,
     render: h => h(App)
 })
-
-export {
-    store
-}

+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+    state: {
+        count: 0,
+        size: 10,
+        isLogin: false,
+        todos: [{
+            id: 1,
+            text: '...',
+            done: true
+        }, {
+            id: 2,
+            text: '...',
+            done: false
+        }]
+    },
+    getters: {
+        doneTodos: state => {
+            return state.todos.filter(todo => todo.done)
+        }
+    },
+    mutations: {
+        increment: state => state.count++,
+        decrement: state => state.count--,
+        login: state => state.isLogin = true
+    }
+})
+
+export default store