diff --git a/deploy.sh b/deploy.sh
index 41dc842c..884725ac 100755
--- a/deploy.sh
+++ b/deploy.sh
@@ -16,7 +16,7 @@ cp -r dist /tmp/
 cd /tmp/dist
 
 # 404 跳转
-echo "<script>fetch('index.html').then(d=>document.write(d.text()))</script>" > 404.html
+echo "<script>fetch('index.html').then(r=>r.text()).then(d=>document.write(d))</script>" > 404.html
 
 # 部署到自定义域域名
 # echo 'www.example.com' > CNAME
diff --git a/package.json b/package.json
index f1385e7d..e07985c5 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,10 @@
     "vue": "^2.6.11",
     "vue-router": "^3.3.4",
     "vue-unique-id": "^3.1.0",
-    "vuex": "^3.5.1"
+    "vuex": "^3.5.1",
+    "vue-katex": "^0.4.0",
+    "katex": "^0.11.1",
+    "vue-template-compiler": "^2.6.11"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.4.0",
@@ -30,12 +33,9 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "katex": "^0.11.1",
     "stylelint": "^13.6.1",
     "stylelint-config-standard": "^20.0.0",
-    "stylelint-scss": "^3.18.0",
-    "vue-katex": "^0.4.0",
-    "vue-template-compiler": "^2.6.11"
+    "stylelint-scss": "^3.18.0"
   },
   "eslintConfig": {
     "root": true,
diff --git a/src/App.vue b/src/App.vue
index 2f10f51f..681f1abc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,8 +15,8 @@
 <script>
 import NavBar from './components/page/navbar.vue';
 import Footer from './components/page/footer.vue';
-import UserLogin from './components/user/login.vue';
-import UserRegister from './components/user/register.vue';
+import UserLogin from './components/account/login.vue';
+import UserRegister from './components/account/register.vue';
 
 export default {
   name: 'App',
diff --git a/src/components/user/changePassword.vue b/src/components/account/ChangePassword.vue
similarity index 94%
rename from src/components/user/changePassword.vue
rename to src/components/account/ChangePassword.vue
index 45d905a1..2a6f52de 100644
--- a/src/components/user/changePassword.vue
+++ b/src/components/account/ChangePassword.vue
@@ -99,15 +99,15 @@ export default {
         })
         .then(() => {
           this.buttonLoading = false;
-          this.$SegmentMessage.success(this, 'Changed successfully');
+          this.$info.success('Changed successfully');
         })
         .catch(err => {
           if (err.request.status === 401) {
-            this.$SegmentMessage.error(this, 'Please login first');
+            this.$info.error('Please login first');
             this.$store.state.user.showlogin = true;
           }
           if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Please enter your old password');
+            this.$info.error('Please enter your old password');
             this.old_password_required = true;
           }
           this.buttonLoading = false;
diff --git a/src/components/user/UserNameLink.vue b/src/components/account/UserNameLink.vue
similarity index 100%
rename from src/components/user/UserNameLink.vue
rename to src/components/account/UserNameLink.vue
diff --git a/src/components/user/avatar.vue b/src/components/account/avatar.vue
similarity index 100%
rename from src/components/user/avatar.vue
rename to src/components/account/avatar.vue
diff --git a/src/components/user/content.vue b/src/components/account/content.vue
similarity index 95%
rename from src/components/user/content.vue
rename to src/components/account/content.vue
index 83d6cd36..e662ba39 100644
--- a/src/components/user/content.vue
+++ b/src/components/account/content.vue
@@ -57,9 +57,9 @@ export default {
         })
         .catch(err => {
           if(err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'User does not exist');
+            this.$info.error('User does not exist');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.userLoading = false;
         });
diff --git a/src/components/user/edit.vue b/src/components/account/edit.vue
similarity index 89%
rename from src/components/user/edit.vue
rename to src/components/account/edit.vue
index e5a3e770..7cc525a1 100644
--- a/src/components/user/edit.vue
+++ b/src/components/account/edit.vue
@@ -100,11 +100,11 @@ export default {
         })
         .catch(err => {
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'User not found');
+            this.$info.error('User not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
       this.$axios
@@ -115,9 +115,9 @@ export default {
         })
         .catch(err => {
           if(err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'User does not exist');
+            this.$info.error('User does not exist');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.userLoading = false;
         });
@@ -134,7 +134,7 @@ export default {
         })
         .then(() => {
           this.buttonLoading = false;
-          this.$SegmentMessage.success(this, 'Your changes have been submitted');
+          this.$info.success('Your changes have been submitted');
           if (this.isMine) {
             this.$store.commit('userStaffChange', {
               isStaff: this.isStaff,
@@ -153,9 +153,9 @@ export default {
             })
             .catch(err => {
               if(err.request.status === 404) {
-                this.$SegmentMessage.error(this, 'User does not exist');
+                this.$info.error('User does not exist');
               } else {
-                this.$SegmentMessage.error(this, 'Unknown error');
+                this.$info.error('Unknown error');
               }
               this.userLoading = false;
             });
@@ -163,11 +163,11 @@ export default {
         .catch(err => {
           this.buttonLoading = false;
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'User not found');
+            this.$info.error('User not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     }
diff --git a/src/components/user/information.vue b/src/components/account/information.vue
similarity index 96%
rename from src/components/user/information.vue
rename to src/components/account/information.vue
index b4b334f3..6dd63e94 100644
--- a/src/components/user/information.vue
+++ b/src/components/account/information.vue
@@ -179,18 +179,18 @@ export default {
             })
             .catch(err => {
               if(err.request.status === 404) {
-                this.$SegmentMessage.error(this, 'User does not exist');
+                this.$info.error('User does not exist');
               } else {
-                this.$SegmentMessage.error(this, 'Unknown error');
+                this.$info.error('Unknown error');
               }
             });
           this.userLoading = false;
         })
         .catch(err => {
           if(err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'User does not exist');
+            this.$info.error('User does not exist');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.userLoading = false;
         });
diff --git a/src/components/user/login.vue b/src/components/account/login.vue
similarity index 92%
rename from src/components/user/login.vue
rename to src/components/account/login.vue
index 9e27b008..d99a25ad 100644
--- a/src/components/user/login.vue
+++ b/src/components/account/login.vue
@@ -99,19 +99,19 @@ export default {
             username: this.ldata.username,
             userid: res.data.res.id
           });
-          this.$SegmentMessage.success(this, 'Logged in');
+          this.$info.success('Logged in');
           this.$store.state.user.showlogin = false;
           this.buttonLoading = false;
         })
         .catch(err => {
           if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Username or password incorrect');
+            this.$info.error('Username or password incorrect');
           } else if (err.request.status === 429) {
             // HTTP 429 Too Many Requests
-            this.$SegmentMessage.error(this, 'Requesting too frequently');
+            this.$info.error('Requesting too frequently');
           } else {
             // Unknown error
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.buttonLoading = false;
         });
diff --git a/src/components/user/logout.vue b/src/components/account/logout.vue
similarity index 74%
rename from src/components/user/logout.vue
rename to src/components/account/logout.vue
index c6e7a826..37d048a7 100644
--- a/src/components/user/logout.vue
+++ b/src/components/account/logout.vue
@@ -13,19 +13,19 @@ export default {
         .delete(apiurl('/account/session'))
         .then(() => {
           this.$store.commit('userLogout');
-          this.$SegmentMessage.success(this, 'Logged out');
+          this.$info.success('Logged out');
           this.$router.push('/');
         })
         .catch(err => {
           if (err.request.status === 401) {
-            this.$SegmentMessage.error(this, 'Not logged in');
+            this.$info.error('Not logged in');
             this.$store.commit('userLogout');
           } else if (err.request.status === 429) {
             // HTTP 429 Too Many Requests
-            this.$SegmentMessage.error(this, 'Requesting too frequently');
+            this.$info.error('Requesting too frequently');
           } else {
             // Unknown error
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.$store.commit('userLogout');
         });
diff --git a/src/components/user/register.vue b/src/components/account/register.vue
similarity index 92%
rename from src/components/user/register.vue
rename to src/components/account/register.vue
index 2d1b2e87..1dd26fce 100644
--- a/src/components/user/register.vue
+++ b/src/components/account/register.vue
@@ -148,25 +148,25 @@ export default {
           this.$store.state.user.showregister = false;
           this.$store.state.user.showlogin = true;
           // Successed
-          this.$SegmentMessage.success(this, 'Your acount has been registered successfully');
+          this.$info.success('Your acount has been registered successfully');
           this.buttonLoading = false;
         })
         .catch(err => {
           if (err.request.status === 400) {
             // HTTP 400 Bad Request
-            this.$SegmentMessage.error(this, JSON.parse(err.request.response).detail);
+            this.$info.error(JSON.parse(err.request.response).detail);
           } else if (err.request.status === 406){
             // HTTP 406 Not Acceptable
-            this.$SegmentMessage.error(this, JSON.parse(err.request.response).detail);
+            this.$info.error(JSON.parse(err.request.response).detail);
           } else if (err.request.status === 409) {
             // HTTP 409 Conflict
-            this.$SegmentMessage.error(this, 'Username has been taken');
+            this.$info.error('Username has been taken');
           } else if (err.request.status === 429) {
             // HTTP 429 Too Many Requests
-            this.$SegmentMessage.error(this, 'Requesting too frequently');
+            this.$info.error('Requesting too frequently');
           } else {
             // Unknown error
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.refresh_captcha();
           this.buttonLoading = false;
diff --git a/src/components/user/secure.vue b/src/components/account/secure.vue
similarity index 90%
rename from src/components/user/secure.vue
rename to src/components/account/secure.vue
index e3ffcfd5..97a68111 100644
--- a/src/components/user/secure.vue
+++ b/src/components/account/secure.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import password from './changePassword';
+import password from './ChangePassword';
 
 export default {
   name: 'UserEdit',
diff --git a/src/components/home/page.vue b/src/components/home/page.vue
index bebd52c9..4c8f87c2 100644
--- a/src/components/home/page.vue
+++ b/src/components/home/page.vue
@@ -7,7 +7,7 @@
 
 <script>
 import Carousel from './carousel.vue';
-import JumpToProblem from './../lib/jumpToProblem.vue';
+import JumpToProblem from './../lib/JumpToProblem.vue';
 
 export default {
   name: 'Home',
diff --git a/src/components/lib/AjaxTable.vue b/src/components/lib/AjaxTable.vue
index 0c199610..05624cb9 100644
--- a/src/components/lib/AjaxTable.vue
+++ b/src/components/lib/AjaxTable.vue
@@ -77,7 +77,7 @@ export default {
           }
         })
         .catch(err => {
-          this.$SegmentMessage.error(this, '[Ajax Table] Request Failed');
+          this.$info.error('[Ajax Table] Request Failed');
           console.log(err);
         });
     }
diff --git a/src/components/lib/confirmDelete.vue b/src/components/lib/ConfirmDelete.vue
similarity index 100%
rename from src/components/lib/confirmDelete.vue
rename to src/components/lib/ConfirmDelete.vue
diff --git a/src/components/lib/jumpToProblem.vue b/src/components/lib/JumpToProblem.vue
similarity index 100%
rename from src/components/lib/jumpToProblem.vue
rename to src/components/lib/JumpToProblem.vue
diff --git a/src/components/lib/problemTag.vue b/src/components/lib/ProblemTag.vue
similarity index 100%
rename from src/components/lib/problemTag.vue
rename to src/components/lib/ProblemTag.vue
diff --git a/src/components/lib/selectTag.vue b/src/components/lib/SelectTag.vue
similarity index 91%
rename from src/components/lib/selectTag.vue
rename to src/components/lib/SelectTag.vue
index af6fbf99..b715e9e6 100644
--- a/src/components/lib/selectTag.vue
+++ b/src/components/lib/SelectTag.vue
@@ -30,7 +30,7 @@ export default {
           }
         })
         .catch(() => {
-          this.$SegmentMessage.error(this, 'Get tags failed');
+          this.$info.error('Get tags failed');
         });
       return arr;
     },
@@ -45,7 +45,7 @@ export default {
           }
         })
         .catch(() => {
-          this.$SegmentMessage.error(this, 'Get tags failed');
+          this.$info.error('Get tags failed');
         });
       return arr;
     },
diff --git a/src/components/page/navbar.vue b/src/components/page/navbar.vue
index 8db3409a..1c5d75a3 100644
--- a/src/components/page/navbar.vue
+++ b/src/components/page/navbar.vue
@@ -3,7 +3,7 @@
     <div id="nav-content">
       <el-menu
         id="menu"
-        :default-active="activeIndex"
+        :default-active="$route.path"
         :router="true"
         class="el-menu-demo"
         mode="horizontal"
@@ -57,20 +57,19 @@
 </template>
 
 <script>
-import UserLogout from './../user/logout.vue';
-import UserAvatar from './../user/avatar.vue';
+import UserLogout from './../account/logout.vue';
+import UserAvatar from './../account/avatar.vue';
 
 export default {
   name: 'NavBar',
   data() {
     return {
-      activeIndex: '/'
     };
   },
   components: {
     UserLogout,
     UserAvatar
-  }
+  },
 };
 </script>
 
diff --git a/src/components/problem/editTag.vue b/src/components/problem/EditTag.vue
similarity index 82%
rename from src/components/problem/editTag.vue
rename to src/components/problem/EditTag.vue
index 788ab1fe..91372bda 100644
--- a/src/components/problem/editTag.vue
+++ b/src/components/problem/EditTag.vue
@@ -20,7 +20,7 @@
 
 <script>
 import apiurl from './../../apiurl';
-import SelectTag from './../lib/selectTag.vue';
+import SelectTag from './../lib/SelectTag.vue';
 
 export default {
   name: 'editTag',
@@ -41,11 +41,11 @@ export default {
         })
         .catch(err => {
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     }
diff --git a/src/components/problem/listTag.vue b/src/components/problem/ListTag.vue
similarity index 97%
rename from src/components/problem/listTag.vue
rename to src/components/problem/ListTag.vue
index edc151b6..80ef01ad 100644
--- a/src/components/problem/listTag.vue
+++ b/src/components/problem/ListTag.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import ProblemTag from './../lib/problemTag.vue';
+import ProblemTag from './../lib/ProblemTag.vue';
 import apiurl from './../../apiurl';
 import AWaitLock from './../../methods/lock';
 
diff --git a/src/components/problem/content.vue b/src/components/problem/content.vue
index 9c585974..b8fa35ca 100644
--- a/src/components/problem/content.vue
+++ b/src/components/problem/content.vue
@@ -100,7 +100,7 @@
 import timeFormat from './../../methods/time';
 import apiurl from './../../apiurl';
 import MarkdownContainer from './../lib/MarkdownContainer.vue';
-import ProblemTag from './../lib/problemTag.vue';
+import ProblemTag from './../lib/ProblemTag.vue';
 
 export default {
   name: 'ProblemView',
@@ -161,11 +161,11 @@ export default {
         })
         .catch(err => {
           if(err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if(err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     },
diff --git a/src/components/problem/create.vue b/src/components/problem/create.vue
index fe8fad8e..a189fe8b 100644
--- a/src/components/problem/create.vue
+++ b/src/components/problem/create.vue
@@ -101,11 +101,11 @@ export default {
         })
         .catch(err => {
           if (err.request.status === 400) {
-            this.$SegmentMessage.error(this, 'PID or title is empty');
+            this.$info.error('PID or title is empty');
           } else if(err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     }
diff --git a/src/components/problem/edit.vue b/src/components/problem/edit.vue
index dbeb8c7d..1a363839 100644
--- a/src/components/problem/edit.vue
+++ b/src/components/problem/edit.vue
@@ -141,9 +141,9 @@
 <script>
 import apiurl from './../../apiurl';
 import MarkdownEditor from './../lib/MarkdownEditor.vue';
-import ConfirmDelete from './../lib/confirmDelete.vue';
-import editTag from './editTag.vue';
-import ProblemTag from './../lib/problemTag.vue';
+import ConfirmDelete from './../lib/ConfirmDelete.vue';
+import editTag from './EditTag.vue';
+import ProblemTag from './../lib/ProblemTag.vue';
 
 import sha256 from 'js-sha256';
 
@@ -203,11 +203,11 @@ export default {
         })
         .catch(err => {
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     },
@@ -230,15 +230,15 @@ export default {
       this.$axios
         .patch(apiurl('/problem/' + this.$route.params.id), request_data)
         .then(() => {
-          this.$SegmentMessage.success(this, 'Your changes have been submitted');
+          this.$info.success('Your changes have been submitted');
         })
         .catch(err => {
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     },
@@ -246,15 +246,15 @@ export default {
       this.$axios
         .delete(apiurl('/problem/' + this.$route.params.id))
         .then(() => {
-          this.$SegmentMessage.success(this, 'Deleted problem #' + this.$route.params.id);
+          this.$info.success('Deleted problem #' + this.$route.params.id);
         })
         .catch(err => {
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     }
diff --git a/src/components/problem/list.vue b/src/components/problem/list.vue
index 64530625..53070299 100644
--- a/src/components/problem/list.vue
+++ b/src/components/problem/list.vue
@@ -64,8 +64,8 @@
 <script>
 import apiurl from './../../apiurl';
 import AjaxTable from './../lib/AjaxTable.vue';
-import JumpToProblem from './../lib/jumpToProblem.vue';
-import listTag from './listTag.vue';
+import JumpToProblem from './../lib/JumpToProblem.vue';
+import listTag from './ListTag.vue';
 import CreateProblem from './create.vue';
 
 export default {
diff --git a/src/components/problem/submit.vue b/src/components/problem/submit.vue
index cf56264a..2eb72b54 100644
--- a/src/components/problem/submit.vue
+++ b/src/components/problem/submit.vue
@@ -108,11 +108,11 @@ export default {
         })
         .catch(err => {
           if(err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if(err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     },
@@ -128,16 +128,16 @@ export default {
           lang: this.lang_num
         })
         .then(() => {
-          this.$SegmentMessage.success(this, 'Your code has been submited');
+          this.$info.success('Your code has been submited');
           this.buttonLoading = false;
         })
         .catch(err => {
           if(err.request.status === 401) {
-            this.$SegmentMessage.error(this, 'Please login first');
+            this.$info.error('Please login first');
           } else if (err.request.status === 400) {
-            this.$SegmentMessage.error(this, 'Input your code');
+            this.$info.error('Input your code');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.buttonLoading = false;
         });
diff --git a/src/components/status/content.vue b/src/components/status/content.vue
index 5d15efe3..7372dc02 100644
--- a/src/components/status/content.vue
+++ b/src/components/status/content.vue
@@ -139,11 +139,11 @@ export default {
         })
         .catch((err) => {
           if (err.request.status === 404) {
-            this.$SegmentMessage.error(this, 'Problem not found');
+            this.$info.error('Problem not found');
           } else if (err.request.status === 403) {
-            this.$SegmentMessage.error(this, 'Permission denied');
+            this.$info.error('Permission denied');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
         });
     },
@@ -159,16 +159,16 @@ export default {
           lang: this.lang_num,
         })
         .then(() => {
-          this.$SegmentMessage.success(this, 'Your code has been submited');
+          this.$info.success('Your code has been submited');
           this.buttonLoading = false;
         })
         .catch((err) => {
           if (err.request.status === 401) {
-            this.$SegmentMessage.error(this, 'Please login first');
+            this.$info.error('Please login first');
           } else if (err.request.status === 400) {
-            this.$SegmentMessage.error(this, 'Input your code');
+            this.$info.error('Input your code');
           } else {
-            this.$SegmentMessage.error(this, 'Unknown error');
+            this.$info.error('Unknown error');
           }
           this.buttonLoading = false;
         });
diff --git a/src/components/status/list.vue b/src/components/status/list.vue
index 2ed64644..ad3ca605 100644
--- a/src/components/status/list.vue
+++ b/src/components/status/list.vue
@@ -19,7 +19,7 @@ import sfconfig from './../../sfconfig';
 import apiurl from './../../apiurl';
 import AjaxTable from './../lib/AjaxTable.vue';
 import ProblemTitleLink from './../problem/ProblemTitleLink.vue';
-import UserNameLink from './../user/UserNameLink.vue';
+import UserNameLink from './../account/UserNameLink.vue';
 
 export default {
   name: 'StatusList',
diff --git a/src/main.js b/src/main.js
index 333e6daa..87fb64f1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,8 +2,8 @@ import Vue from 'vue';
 import App from './App.vue';
 import router from './router';
 
-import message from './message';
-Vue.prototype.$SegmentMessage = message;
+import infoMessage from './methods/message';
+Vue.prototype.$info = infoMessage;
 
 import axios from 'axios';
 axios.defaults.withCredentials = true;
@@ -35,7 +35,7 @@ import './assets/css/fontstyle.css';
 import './assets/css/basic.css';
 import('./loader/load');
 
-import './StringPrototype';
+import './methods/string';
 
 Vue.config.productionTip = false;
 
diff --git a/src/message.js b/src/methods/message.js
similarity index 50%
rename from src/message.js
rename to src/methods/message.js
index 3d5817c7..0588c261 100644
--- a/src/message.js
+++ b/src/methods/message.js
@@ -1,19 +1,29 @@
+import { Message } from 'element-ui';
+
 export default {
   name: 'message',
-  success: (element, content) => {
-    element.$message({
+  success(content) {
+    Message({
       showClose: true,
       message: content,
       type: 'success',
       customClass: 'layer-level-zindex'
     });
   },
-  error: (element, content) => {
-    element.$message({
+  warning(content) {
+    Message({
+      showClose: true,
+      message: content,
+      type: 'warning',
+      customClass: 'layer-level-zindex'
+    });
+  },
+  error(content) {
+    Message({
       showClose: true,
       message: content,
       type: 'error',
       customClass: 'layer-level-zindex'
     });
-  }
+  },
 };
\ No newline at end of file
diff --git a/src/StringPrototype.js b/src/methods/string.js
similarity index 100%
rename from src/StringPrototype.js
rename to src/methods/string.js
diff --git a/src/router.js b/src/router.js
index 79e836e4..a7948d57 100644
--- a/src/router.js
+++ b/src/router.js
@@ -9,10 +9,10 @@ let router = new Router({
     component: () => import('./components/home/page.vue')
   }, {
     path: '/account/:id',
-    component: () => import('./components/user/content.vue')
+    component: () => import('./components/account/content.vue')
   }, {
     path: '/account/:id/edit',
-    component: () => import('./components/user/edit.vue')
+    component: () => import('./components/account/edit.vue')
   }, {
     path: '/problem/list',
     component: () => import('./components/problem/list.vue')
diff --git a/src/store/createProblem.js b/src/store/CreateProblem.js
similarity index 100%
rename from src/store/createProblem.js
rename to src/store/CreateProblem.js
diff --git a/src/store/tagedit.js b/src/store/TagEdit.js
similarity index 100%
rename from src/store/tagedit.js
rename to src/store/TagEdit.js
diff --git a/src/store/store.js b/src/store/store.js
index ea8b8568..a99f03a2 100644
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -6,8 +6,8 @@ Vue.use(Vuex);
 import userstore from './user';
 import captchastore from './captcha';
 import tagsstore from './tags';
-import createProblem from './createProblem';
-import tageditstore from './tagedit.js';
+import createProblem from './CreateProblem';
+import tageditstore from './TagEdit';
 
 export default new Vuex.Store({
   modules: {