diff --git a/babel.config.js b/babel.config.js
index 9e6f6ec4..9ca629c7 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -13,6 +13,7 @@ module.exports = api => ({
         helpers: true,
         regenerator: true,
       }],
+      '@babel/plugin-proposal-optional-catch-binding',
     ],
   },
   development: {
@@ -24,6 +25,7 @@ module.exports = api => ({
     ],
     plugins: [
       '@babel/plugin-syntax-dynamic-import',
+      '@babel/plugin-proposal-optional-catch-binding',
     ],
   },
   test: {
@@ -35,6 +37,7 @@ module.exports = api => ({
     ],
     plugins: [
       'babel-plugin-dynamic-import-node',
+      '@babel/plugin-proposal-optional-catch-binding',
     ],
   },
 })[api.env()]
diff --git a/package.json b/package.json
index bcecde8b..ce688939 100644
--- a/package.json
+++ b/package.json
@@ -21,11 +21,11 @@
     "@fortawesome/fontawesome-free": "^5.7.2",
     "admin-lte": "^2.4.10",
     "echarts": "^4.1.0",
+    "element-theme-chalk": "^2.6.3",
+    "element-ui": "^2.6.3",
     "icheck": "^1.0.2",
     "jquery": "^3.3.1",
     "skinview3d": "^1.1.0",
-    "sweetalert2": "^8.4.0",
-    "toastr": "^2.1.4",
     "vue": "^2.6.9",
     "vue-good-table": "^2.16.3",
     "vue-recaptcha": "^1.1.1",
@@ -34,6 +34,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
+    "@babel/plugin-proposal-optional-catch-binding": "^7.2.0",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.3.4",
     "@babel/preset-env": "^7.3.4",
@@ -42,7 +43,6 @@
     "@types/echarts": "^4.1.7",
     "@types/jest": "^24.0.11",
     "@types/jquery": "^3.3.9",
-    "@types/toastr": "^2.1.36",
     "@types/webpack": "^4.4.25",
     "@typescript-eslint/eslint-plugin": "^1.4.2",
     "@typescript-eslint/parser": "^1.4.2",
@@ -69,8 +69,10 @@
     "jest-extended": "^0.11.1",
     "json-loader": "^0.5.7",
     "mini-css-extract-plugin": "^0.5.0",
+    "node-sass": "^4.11.0",
     "postcss-loader": "^3.0.0",
     "rimraf": "^2.6.3",
+    "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
diff --git a/resources/assets/src/components/ClosetItem.vue b/resources/assets/src/components/ClosetItem.vue
index f1e6b013..a1d3bf88 100644
--- a/resources/assets/src/components/ClosetItem.vue
+++ b/resources/assets/src/components/ClosetItem.vue
@@ -33,8 +33,6 @@
 </template>
 
 <script>
-import toastr from 'toastr'
-import { swal } from '../js/notify'
 import setAsAvatar from './mixins/setAsAvatar'
 import removeClosetItem from './mixins/removeClosetItem'
 
@@ -74,14 +72,17 @@ export default {
   },
   methods: {
     async rename() {
-      const { value: newTextureName, dismiss } = await swal({
-        title: this.$t('user.renameClosetItem'),
-        input: 'text',
-        inputValue: this.textureName,
-        showCancelButton: true,
-        inputValidator: value => !value && this.$t('skinlib.emptyNewTextureName'),
-      })
-      if (dismiss) {
+      let newTextureName
+      try {
+        ({ value: newTextureName } = await this.$prompt(
+          this.$t('user.renameClosetItem'),
+          {
+            inputValue: this.textureName,
+            showCancelButton: true,
+            inputValidator: value => !!value || this.$t('skinlib.emptyNewTextureName'),
+          }
+        ))
+      } catch {
         return
       }
 
@@ -91,9 +92,9 @@ export default {
       )
       if (errno === 0) {
         this.textureName = newTextureName
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
   },
diff --git a/resources/assets/src/components/EmailVerification.vue b/resources/assets/src/components/EmailVerification.vue
index 9160253b..c8a8944f 100644
--- a/resources/assets/src/components/EmailVerification.vue
+++ b/resources/assets/src/components/EmailVerification.vue
@@ -15,8 +15,6 @@
 </template>
 
 <script>
-import { swal } from '../js/notify'
-
 export default {
   name: 'EmailVerification',
   data() {
@@ -29,7 +27,11 @@ export default {
     async resend() {
       this.pending = true
       const { errno, msg } = await this.$http.post('/user/email-verification')
-      swal({ type: errno === 0 ? 'success' : 'warning', text: msg })
+      if (errno === 0) {
+        this.$message.success(msg)
+      } else {
+        this.$message.error(msg)
+      }
       this.pending = false
     },
   },
diff --git a/resources/assets/src/components/mixins/addClosetItem.ts b/resources/assets/src/components/mixins/addClosetItem.ts
index 01a9571a..979f8c3d 100644
--- a/resources/assets/src/components/mixins/addClosetItem.ts
+++ b/resources/assets/src/components/mixins/addClosetItem.ts
@@ -1,6 +1,5 @@
 import Vue from 'vue'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
+import { MessageBoxInputData } from 'element-ui/types/message-box'
 
 export default Vue.extend<{
   name: string,
@@ -8,15 +7,18 @@ export default Vue.extend<{
 }, { addClosetItem(): Promise<void> }, {}>({
   methods: {
     async addClosetItem() {
-      const { dismiss, value } = await swal({
-        title: this.$t('skinlib.setItemName'),
-        text: this.$t('skinlib.applyNotice'),
-        inputValue: this.name,
-        input: 'text',
-        showCancelButton: true,
-        inputValidator: val => (!val && this.$t('skinlib.emptyItemName')) || null,
-      })
-      if (dismiss) {
+      let value: string
+      try {
+        ({ value } = await this.$prompt(
+          this.$t('skinlib.applyNotice'),
+          {
+            title: this.$t('skinlib.setItemName'),
+            inputValue: this.name,
+            showCancelButton: true,
+            inputValidator: val => !!val || this.$t('skinlib.emptyItemName'),
+          }
+        ) as MessageBoxInputData)
+      } catch {
         return
       }
 
@@ -25,10 +27,10 @@ export default Vue.extend<{
         { tid: this.tid, name: value }
       )
       if (errno === 0) {
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg!)
         this.$emit('like-toggled', true)
       } else {
-        toastr.warning(msg!)
+        this.$message.warning(msg!)
       }
     },
   },
diff --git a/resources/assets/src/components/mixins/removeClosetItem.ts b/resources/assets/src/components/mixins/removeClosetItem.ts
index 82a30d6e..4482a4be 100644
--- a/resources/assets/src/components/mixins/removeClosetItem.ts
+++ b/resources/assets/src/components/mixins/removeClosetItem.ts
@@ -1,6 +1,4 @@
 import Vue from 'vue'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 
 export default Vue.extend<{
   name: string,
@@ -8,12 +6,12 @@ export default Vue.extend<{
 }, { removeClosetItem(): Promise<void> }, {}>({
   methods: {
     async removeClosetItem() {
-      const { dismiss } = await swal({
-        text: this.$t('user.removeFromClosetNotice'),
-        type: 'warning',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(
+          this.$t('user.removeFromClosetNotice'),
+          { type: 'warning' }
+        )
+      } catch {
         return
       }
 
@@ -23,9 +21,9 @@ export default Vue.extend<{
       )
       if (errno === 0) {
         this.$emit('item-removed')
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg!)
       } else {
-        toastr.warning(msg!)
+        this.$message.warning(msg!)
       }
     },
   },
diff --git a/resources/assets/src/components/mixins/setAsAvatar.ts b/resources/assets/src/components/mixins/setAsAvatar.ts
index 0baad2f1..c49bc471 100644
--- a/resources/assets/src/components/mixins/setAsAvatar.ts
+++ b/resources/assets/src/components/mixins/setAsAvatar.ts
@@ -1,19 +1,16 @@
 import Vue from 'vue'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 
 export default Vue.extend<{
   tid: number
 }, { setAsAvatar(): Promise<void> }, {}>({
   methods: {
     async setAsAvatar() {
-      const { dismiss } = await swal({
-        title: this.$t('user.setAvatar'),
-        text: this.$t('user.setAvatarNotice'),
-        type: 'question',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(
+          this.$t('user.setAvatarNotice'),
+          this.$t('user.setAvatar')
+        )
+      } catch {
         return
       }
 
@@ -22,12 +19,12 @@ export default Vue.extend<{
         { tid: this.tid }
       )
       if (errno === 0) {
-        toastr.success(msg!)
+        this.$message.success(msg!)
 
         Array.from(document.querySelectorAll<HTMLImageElement>('[alt="User Image"]'))
           .forEach(el => (el.src += `?${new Date().getTime()}`))
       } else {
-        toastr.warning(msg!)
+        this.$message.warning(msg!)
       }
     },
   },
diff --git a/resources/assets/src/element.scss b/resources/assets/src/element.scss
new file mode 100644
index 00000000..edd80ddb
--- /dev/null
+++ b/resources/assets/src/element.scss
@@ -0,0 +1,2 @@
+@import '~element-theme-chalk/src/message.scss';
+@import '~element-theme-chalk/src/message-box.scss';
diff --git a/resources/assets/src/js/element.d.ts b/resources/assets/src/js/element.d.ts
new file mode 100644
index 00000000..046f4b26
--- /dev/null
+++ b/resources/assets/src/js/element.d.ts
@@ -0,0 +1,6 @@
+/* eslint-disable import/no-mutable-exports */
+import { ElMessage } from 'element-ui/types/message'
+import { ElMessageBox } from 'element-ui/types/message-box'
+
+export let Message: ElMessage
+export let MessageBox: ElMessageBox
diff --git a/resources/assets/src/js/element.js b/resources/assets/src/js/element.js
new file mode 100644
index 00000000..eabb582c
--- /dev/null
+++ b/resources/assets/src/js/element.js
@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import Message from 'element-ui/lib/message'
+import MessageBox from 'element-ui/lib/message-box'
+
+Vue.prototype.$message = Message
+Vue.prototype.$msgbox = MessageBox
+Vue.prototype.$alert = MessageBox.alert
+Vue.prototype.$confirm = MessageBox.confirm
+Vue.prototype.$prompt = MessageBox.prompt
+
+window.MessageBox = MessageBox
+
+export {
+  Message,
+  MessageBox,
+}
diff --git a/resources/assets/src/js/index.ts b/resources/assets/src/js/index.ts
index 93da28e2..4e1a0aed 100644
--- a/resources/assets/src/js/index.ts
+++ b/resources/assets/src/js/index.ts
@@ -2,6 +2,7 @@ import './public-path' // Must be first
 import './i18n'
 import './net'
 import './event'
+import './element'
 import './layout'
 import './logout'
 import './check-updates'
diff --git a/resources/assets/src/js/logout.ts b/resources/assets/src/js/logout.ts
index 9cd88e6e..5d0d5a7d 100644
--- a/resources/assets/src/js/logout.ts
+++ b/resources/assets/src/js/logout.ts
@@ -1,22 +1,19 @@
+import { Message, MessageBox } from './element'
 import { post } from './net'
-import { swal } from './notify'
 import { trans } from './i18n'
 
 export async function logout() {
-  const { dismiss } = await swal({
-    text: trans('general.confirmLogout'),
-    type: 'warning',
-    showCancelButton: true,
-    confirmButtonText: trans('general.confirm'),
-    cancelButtonText: trans('general.cancel'),
-  })
-  if (dismiss) {
+  try {
+    await MessageBox.confirm(trans('general.confirmLogout'), {
+      type: 'warning',
+    })
+  } catch {
     return
   }
 
   const { msg } = await post('/auth/logout')
   setTimeout(() => (window.location.href = blessing.base_url), 1000)
-  swal({ type: 'success', text: msg })
+  Message.success(msg)
 }
 
 const button = document.querySelector('#logout-button')
diff --git a/resources/assets/src/js/notify.ts b/resources/assets/src/js/notify.ts
index ce1e26d5..ad074268 100644
--- a/resources/assets/src/js/notify.ts
+++ b/resources/assets/src/js/notify.ts
@@ -1,7 +1,5 @@
 /* eslint-disable max-params */
 import $ from 'jquery'
-import Swal from 'sweetalert2'
-import toastr from 'toastr'
 import { ModalOptions } from '../shims'
 import { trans } from './i18n'
 
@@ -49,14 +47,4 @@ export function showModal(
     .modal(options)
 }
 
-const swalInstance = Swal.mixin({
-  confirmButtonText: trans('general.confirm'),
-  cancelButtonText: trans('general.cancel'),
-})
-
-export function swal(options: import('sweetalert2').SweetAlertOptions) {
-  return swalInstance.fire(options)
-}
-
-Object.assign(window, { toastr, swal })
 Object.assign(blessing, { notify: { showModal } })
diff --git a/resources/assets/src/shims.d.ts b/resources/assets/src/shims.d.ts
index df70a46c..44674cac 100644
--- a/resources/assets/src/shims.d.ts
+++ b/resources/assets/src/shims.d.ts
@@ -1,5 +1,6 @@
 /* eslint-disable camelcase */
 import Vue from 'vue'
+import { Message, MessageBox } from 'element-ui'
 import * as JQuery from 'jquery'
 
 declare global {
diff --git a/resources/assets/src/stylus/common.styl b/resources/assets/src/stylus/common.styl
index 864e5da9..4bae0755 100644
--- a/resources/assets/src/stylus/common.styl
+++ b/resources/assets/src/stylus/common.styl
@@ -22,9 +22,6 @@ body, h1, h2, h3, h4, h5, h6
   opacity 1
   filter 'alpha(opacity=100)'
 
-.swal2-popup
-  font-size 1.6rem !important
-
 .item
   display block
   background #EFF1F0
diff --git a/resources/assets/src/views/admin/Customization.vue b/resources/assets/src/views/admin/Customization.vue
index 2fc4ce22..f1dd7e82 100644
--- a/resources/assets/src/views/admin/Customization.vue
+++ b/resources/assets/src/views/admin/Customization.vue
@@ -33,8 +33,6 @@
 </template>
 
 <script>
-import toastr from 'toastr'
-
 export default {
   name: 'Customization',
   data() {
@@ -52,7 +50,7 @@ export default {
       const { msg } = await this.$http.post('/admin/customize?action=color', {
         color_scheme: this.currentSkin,
       })
-      toastr.success(msg)
+      this.$message.success(msg)
     },
   },
 }
diff --git a/resources/assets/src/views/admin/Market.vue b/resources/assets/src/views/admin/Market.vue
index b31732ef..7188b9db 100644
--- a/resources/assets/src/views/admin/Market.vue
+++ b/resources/assets/src/views/admin/Market.vue
@@ -73,8 +73,6 @@
 <script>
 import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 import tableOptions from '../../components/mixins/tableOptions'
 
 export default {
@@ -134,24 +132,23 @@ export default {
         { name }
       )
       if (errno === 0) {
-        toastr.success(msg)
+        this.$message.success(msg)
         this.plugins[originalIndex].update_available = false
         this.plugins[originalIndex].installed = true
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
 
       this.installing = ''
     },
     async updatePlugin(plugin) {
-      const { dismiss } = await swal({
-        text: this.$t('admin.confirmUpdate', {
-          plugin: plugin.title, old: plugin.installed, new: plugin.version,
-        }),
-        type: 'question',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(
+          this.$t('admin.confirmUpdate', {
+            plugin: plugin.title, old: plugin.installed, new: plugin.version,
+          })
+        )
+      } catch {
         return
       }
 
@@ -161,12 +158,12 @@ export default {
       name, dependencies: { requirements }, originalIndex,
     }) {
       if (requirements.length === 0) {
-        const { dismiss } = await swal({
-          text: this.$t('admin.noDependenciesNotice'),
-          type: 'warning',
-          showCancelButton: true,
-        })
-        if (dismiss) {
+        try {
+          await this.$confirm(
+            this.$t('admin.noDependenciesNotice'),
+            { type: 'warning' }
+          )
+        } catch {
           return
         }
       }
@@ -178,7 +175,7 @@ export default {
         { action: 'enable', name }
       )
       if (errno === 0) {
-        toastr.success(msg)
+        this.$message.success(msg)
         this.$set(this.plugins[originalIndex], 'enabled', true)
       } else {
         const div = document.createElement('div')
@@ -192,9 +189,9 @@ export default {
           ul.appendChild(li)
         })
         div.appendChild(ul)
-        swal({
+        this.$alert(div.innerHTML.replace(/`([\w-_]+)`/g, '<code>$1</code>'), {
+          dangerouslyUseHTMLString: true,
           type: 'warning',
-          html: div.innerHTML.replace(/`([\w-_]+)`/g, '<code>$1</code>'),
         })
       }
     },
diff --git a/resources/assets/src/views/admin/Players.vue b/resources/assets/src/views/admin/Players.vue
index 05ef6092..b7c9a9d9 100644
--- a/resources/assets/src/views/admin/Players.vue
+++ b/resources/assets/src/views/admin/Players.vue
@@ -118,8 +118,6 @@
 <script>
 import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 import tableOptions from '../../components/mixins/tableOptions'
 import serverTable from '../../components/mixins/serverTable'
 
@@ -188,20 +186,20 @@ export default {
       )
       if (errno === 0) {
         player[`tid_${type}`] = tid
-        toastr.success(msg)
+        this.$message.success(msg)
         $('.modal').modal('hide')
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async changeName(player) {
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.changePlayerNameNotice'),
-        input: 'text',
-        inputValue: player.name,
-        inputValidator: name => !name && this.$t('admin.emptyPlayerName'),
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('admin.changePlayerNameNotice'), {
+          inputValue: player.name,
+          inputValidator: name => !!name || this.$t('admin.emptyPlayerName'),
+        }))
+      } catch {
         return
       }
 
@@ -211,18 +209,18 @@ export default {
       )
       if (errno === 0) {
         player.name = value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async changeOwner(player) {
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.changePlayerOwner'),
-        input: 'number',
-        inputValue: player.uid,
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('admin.changePlayerOwner'), {
+          inputValue: player.uid,
+        }))
+      } catch {
         return
       }
 
@@ -232,18 +230,17 @@ export default {
       )
       if (errno === 0) {
         player.uid = value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async deletePlayer({ pid, originalIndex }) {
-      const { dismiss } = await swal({
-        text: this.$t('admin.deletePlayerNotice'),
-        type: 'warning',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('admin.deletePlayerNotice'), {
+          type: 'warning',
+        })
+      } catch {
         return
       }
 
@@ -253,9 +250,9 @@ export default {
       )
       if (errno === 0) {
         this.$delete(this.players, originalIndex)
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
   },
diff --git a/resources/assets/src/views/admin/Plugins.vue b/resources/assets/src/views/admin/Plugins.vue
index 9a4ccd87..d9927db5 100644
--- a/resources/assets/src/views/admin/Plugins.vue
+++ b/resources/assets/src/views/admin/Plugins.vue
@@ -77,8 +77,6 @@
 <script>
 import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 import tableOptions from '../../components/mixins/tableOptions'
 
 export default {
@@ -131,12 +129,12 @@ export default {
       name, dependencies: { requirements }, originalIndex,
     }) {
       if (requirements.length === 0) {
-        const { dismiss } = await swal({
-          text: this.$t('admin.noDependenciesNotice'),
-          type: 'warning',
-          showCancelButton: true,
-        })
-        if (dismiss) {
+        try {
+          await this.$confirm(
+            this.$t('admin.noDependenciesNotice'),
+            { type: 'warning' }
+          )
+        } catch {
           return
         }
       }
@@ -148,7 +146,7 @@ export default {
         { action: 'enable', name }
       )
       if (errno === 0) {
-        toastr.success(msg)
+        this.$message.success(msg)
         this.$set(this.plugins[originalIndex], 'enabled', true)
       } else {
         const div = document.createElement('div')
@@ -162,9 +160,9 @@ export default {
           ul.appendChild(li)
         })
         div.appendChild(ul)
-        swal({
+        this.$alert(div.innerHTML.replace(/`([\w-_]+)`/g, '<code>$1</code>'), {
+          dangerouslyUseHTMLString: true,
           type: 'warning',
-          html: div.innerHTML.replace(/`([\w-_]+)`/g, '<code>$1</code>'),
         })
       }
     },
@@ -174,19 +172,16 @@ export default {
         { action: 'disable', name }
       )
       if (errno === 0) {
-        toastr.success(msg)
+        this.$message.success(msg)
         this.plugins[originalIndex].enabled = false
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
     async deletePlugin({ name, originalIndex }) {
-      const { dismiss } = await swal({
-        text: this.$t('admin.confirmDeletion'),
-        type: 'warning',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('admin.confirmDeletion'), { type: 'warning' })
+      } catch {
         return
       }
 
@@ -196,9 +191,9 @@ export default {
       )
       if (errno === 0) {
         this.$delete(this.plugins, originalIndex)
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
   },
diff --git a/resources/assets/src/views/admin/Update.vue b/resources/assets/src/views/admin/Update.vue
index dd4947ea..76bc0209 100644
--- a/resources/assets/src/views/admin/Update.vue
+++ b/resources/assets/src/views/admin/Update.vue
@@ -49,8 +49,6 @@
 </template>
 
 <script>
-import { swal } from '../../js/notify'
-
 const POLLING_INTERVAL = 500
 
 export default {
@@ -85,7 +83,7 @@ export default {
 
       this.updating = false
       if (this.downloaded) {
-        await swal({ type: 'success', text: this.$t('admin.updateCompleted') })
+        await this.$alert(this.$t('admin.updateCompleted'), { type: 'success' })
         window.location = blessing.base_url
       }
     },
@@ -94,7 +92,7 @@ export default {
         action,
       })
       if (errno) {
-        swal({ type: 'error', text: msg })
+        this.$alert(msg, { type: 'error' })
         this.updating = false
       }
     },
diff --git a/resources/assets/src/views/admin/Users.vue b/resources/assets/src/views/admin/Users.vue
index b94ca28c..90a4fc6c 100644
--- a/resources/assets/src/views/admin/Users.vue
+++ b/resources/assets/src/views/admin/Users.vue
@@ -88,9 +88,7 @@
 <script>
 import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
-import toastr from 'toastr'
 import { trans } from '../../js/i18n'
-import { swal } from '../../js/notify'
 import tableOptions from '../../components/mixins/tableOptions'
 import serverTable from '../../components/mixins/serverTable'
 
@@ -165,14 +163,13 @@ export default {
       this.users = data
     },
     async changeEmail(user) {
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.newUserEmail'),
-        showCancelButton: true,
-        input: 'email',
-        inputValue: user.email,
-        inputValidator: val => !val && this.$t('auth.emptyEmail'),
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('admin.newUserEmail'), {
+          inputValue: user.email,
+          inputValidator: val => !!val || this.$t('auth.emptyEmail'),
+        }))
+      } catch {
         return
       }
 
@@ -182,9 +179,9 @@ export default {
       )
       if (errno === 0) {
         user.email = value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async toggleVerification(user) {
@@ -194,20 +191,19 @@ export default {
       )
       if (errno === 0) {
         user.verified = !user.verified
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async changeNickName(user) {
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.newUserNickname'),
-        showCancelButton: true,
-        input: 'text',
-        inputValue: user.nickname,
-        inputValidator: val => !val && this.$t('auth.emptyNickname'),
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('admin.newUserNickname'), {
+          inputValue: user.nickname,
+          inputValidator: val => !!val || this.$t('auth.emptyNickname'),
+        }))
+      } catch {
         return
       }
 
@@ -217,18 +213,18 @@ export default {
       )
       if (errno === 0) {
         user.nickname = value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async changePassword(user) {
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.newUserPassword'),
-        showCancelButton: true,
-        input: 'password',
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('admin.newUserPassword'), {
+          inputType: 'password',
+        }))
+      } catch {
         return
       }
 
@@ -236,16 +232,16 @@ export default {
         '/admin/users?action=password',
         { uid: user.uid, password: value }
       )
-      errno === 0 ? toastr.success(msg) : toastr.warning(msg)
+      errno === 0 ? this.$message.success(msg) : this.$message.warning(msg)
     },
     async changeScore(user) {
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.newScore'),
-        showCancelButton: true,
-        input: 'number',
-        inputValue: user.score,
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('admin.newScore'), {
+          inputType: 'number',
+          inputValue: user.score,
+        }))
+      } catch {
         return
       }
       const score = Number.parseInt(value)
@@ -256,30 +252,39 @@ export default {
       )
       if (errno === 0) {
         user.score = score
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async changePermission(user) {
       const operator = user.operations
-      const options = {
-        '-1': this.$t('admin.banned'),
-        0: this.$t('admin.normal'),
-      }
+      const options = [
+        this.$t('admin.banned'),
+        this.$t('admin.normal'),
+      ]
       if (operator === 2) {
-        options[1] = this.$t('admin.admin')
+        options.push(this.$t('admin.admin'))
       }
+      const h = this.$createElement
+      const vnode = h('div', null, [
+        h('span', null, this.$t('admin.newPermission')),
+        h(
+          'select',
+          { attrs: { selectedIndex: 0 } },
+          options.map(option => h('option', null, option))
+        ),
+      ])
 
-      const { dismiss, value } = await swal({
-        text: this.$t('admin.newPermission'),
-        input: 'radio',
-        inputOptions: options,
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$msgbox({
+          message: vnode,
+          showCancelButton: true,
+        })
+      } catch {
         return
       }
+      const value = vnode.children[1].elm.selectedIndex - 1
 
       const { errno, msg } = await this.$http.post('/admin/users?action=permission', {
         uid: user.uid,
@@ -287,18 +292,17 @@ export default {
       })
       if (errno === 0) {
         user.permission = +value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async deleteUser({ uid, originalIndex }) {
-      const { dismiss } = await swal({
-        text: this.$t('admin.deleteUserNotice'),
-        type: 'warning',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('admin.deleteUserNotice'), {
+          type: 'warning',
+        })
+      } catch {
         return
       }
 
@@ -308,9 +312,9 @@ export default {
       )
       if (errno === 0) {
         this.$delete(this.users, originalIndex)
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
   },
diff --git a/resources/assets/src/views/auth/Login.vue b/resources/assets/src/views/auth/Login.vue
index 84d53b43..c43efa23 100644
--- a/resources/assets/src/views/auth/Login.vue
+++ b/resources/assets/src/views/auth/Login.vue
@@ -57,7 +57,6 @@
 </template>
 
 <script>
-import { swal } from '../../js/notify'
 import Captcha from '../../components/Captcha.vue'
 
 export default {
@@ -115,13 +114,13 @@ export default {
         }
       )
       if (errno === 0) {
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         setTimeout(() => {
           window.location = `${blessing.base_url}/${blessing.redirect_to || 'user'}`
         }, 1000)
       } else {
         if (loginFails > 3 && !this.tooManyFails) {
-          swal({ type: 'error', text: this.$t('auth.tooManyFails') })
+          this.$alert(this.$t('auth.tooManyFails'), { type: 'error' })
           this.tooManyFails = true
         }
         this.infoMsg = ''
diff --git a/resources/assets/src/views/auth/Register.vue b/resources/assets/src/views/auth/Register.vue
index 7cfaecbd..abd7118c 100644
--- a/resources/assets/src/views/auth/Register.vue
+++ b/resources/assets/src/views/auth/Register.vue
@@ -90,7 +90,6 @@
 </template>
 
 <script>
-import { swal } from '../../js/notify'
 import Captcha from '../../components/Captcha.vue'
 
 export default {
@@ -173,7 +172,7 @@ export default {
         }, this.requirePlayer ? { player_name: playerName } : { nickname })
       )
       if (errno === 0) {
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         setTimeout(() => {
           window.location = `${blessing.base_url}/user`
         }, 1000)
diff --git a/resources/assets/src/views/auth/Reset.vue b/resources/assets/src/views/auth/Reset.vue
index 3d6fb348..0d592539 100644
--- a/resources/assets/src/views/auth/Reset.vue
+++ b/resources/assets/src/views/auth/Reset.vue
@@ -39,8 +39,6 @@
 </template>
 
 <script>
-import { swal } from '../../js/notify'
-
 export default {
   name: 'Reset',
   data() {
@@ -81,7 +79,7 @@ export default {
         { password }
       )
       if (errno === 0) {
-        await swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         window.location = `${blessing.base_url}/auth/login`
       } else {
         this.infoMsg = ''
diff --git a/resources/assets/src/views/skinlib/Show.vue b/resources/assets/src/views/skinlib/Show.vue
index 3f6d65f6..0a2dfb12 100644
--- a/resources/assets/src/views/skinlib/Show.vue
+++ b/resources/assets/src/views/skinlib/Show.vue
@@ -139,8 +139,6 @@
 </template>
 
 <script>
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 import setAsAvatar from '../../components/mixins/setAsAvatar'
 import addClosetItem from '../../components/mixins/addClosetItem'
 import removeClosetItem from '../../components/mixins/removeClosetItem'
@@ -220,14 +218,13 @@ export default {
       await this.removeClosetItem()
     },
     async changeTextureName() {
-      const { dismiss, value } = await swal({
-        text: this.$t('skinlib.setNewTextureName'),
-        input: 'text',
-        inputValue: this.name,
-        showCancelButton: true,
-        inputValidator: name => !name && this.$t('skinlib.emptyNewTextureName'),
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('skinlib.setNewTextureName'), {
+          inputValue: this.name,
+          inputValidator: name => !!name || this.$t('skinlib.emptyNewTextureName'),
+        }))
+      } catch {
         return
       }
 
@@ -237,27 +234,30 @@ export default {
       )
       if (errno === 0) {
         this.name = value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.error(msg)
       }
     },
     async changeModel() {
-      const { dismiss, value } = await swal({
-        text: this.$t('skinlib.setNewTextureModel'),
-        input: 'select',
-        inputValue: this.type,
-        inputOptions: {
-          steve: 'Steve',
-          alex: 'Alex',
-          cape: this.$t('general.cape'),
-        },
-        showCancelButton: true,
-        inputClass: 'form-control',
-      })
-      if (dismiss) {
+      const h = this.$createElement
+      const vnode = h('div', null, [
+        h('span', null, this.$t('skinlib.setNewTextureModel')),
+        h('select', { attrs: { selectedIndex: 0 } }, [
+          h('option', { attrs: { value: 'steve' } }, 'Steve'),
+          h('option', { attrs: { value: 'alex' } }, 'Alex'),
+          h('option', { attrs: { value: 'cape' } }, this.$t('general.cape')),
+        ]),
+      ])
+      try {
+        await this.$msgbox({
+          message: vnode,
+          showCancelButton: true,
+        })
+      } catch {
         return
       }
+      const value = ['steve', 'alex', 'cape'][vnode.children[1].elm.selectedIndex]
 
       const { errno, msg } = await this.$http.post(
         '/skinlib/model',
@@ -265,20 +265,20 @@ export default {
       )
       if (errno === 0) {
         this.type = value
-        toastr.success(msg)
+        this.$message.success(msg)
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async togglePrivacy() {
-      const { dismiss } = await swal({
-        text: this.public
-          ? this.$t('skinlib.setPrivateNotice')
-          : this.$t('skinlib.setPublicNotice'),
-        type: 'warning',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(
+          this.public
+            ? this.$t('skinlib.setPrivateNotice')
+            : this.$t('skinlib.setPublicNotice'),
+          { type: 'warning' }
+        )
+      } catch {
         return
       }
 
@@ -287,19 +287,19 @@ export default {
         { tid: this.tid }
       )
       if (errno === 0) {
-        toastr.success(msg)
+        this.$message.success(msg)
         this.public = !this.public
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     async deleteTexture() {
-      const { dismiss } = await swal({
-        text: this.$t('skinlib.deleteNotice'),
-        type: 'warning',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(
+          this.$t('skinlib.deleteNotice'),
+          { type: 'warning' }
+        )
+      } catch {
         return
       }
 
@@ -308,10 +308,10 @@ export default {
         { tid: this.tid }
       )
       if (errno === 0) {
-        await swal({ type: 'success', text: msg })
-        window.location = `${this.baseUrl}/skinlib`
+        this.$message.success(msg)
+        setTimeout(() => (window.location = `${this.baseUrl}/skinlib`), 1000)
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
   },
diff --git a/resources/assets/src/views/skinlib/Upload.vue b/resources/assets/src/views/skinlib/Upload.vue
index 24eb64d2..d31d2927 100644
--- a/resources/assets/src/views/skinlib/Upload.vue
+++ b/resources/assets/src/views/skinlib/Upload.vue
@@ -112,8 +112,6 @@
 
 <script>
 import FileUpload from 'vue-upload-component'
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 
 export default {
   name: 'Upload',
@@ -149,17 +147,17 @@ export default {
   methods: {
     async upload() {
       if (!this.hasFile) {
-        toastr.info(this.$t('skinlib.emptyUploadFile'))
+        this.$message.error(this.$t('skinlib.emptyUploadFile'))
         return
       }
 
       if (!this.name) {
-        toastr.info(this.$t('skinlib.emptyTextureName'))
+        this.$message.error(this.$t('skinlib.emptyTextureName'))
         return
       }
 
       if (!/image\/(x-)?png/.test(this.files[0].type)) {
-        toastr.info(this.$t('skinlib.fileExtError'))
+        this.$message.error(this.$t('skinlib.fileExtError'))
         return
       }
 
@@ -174,13 +172,12 @@ export default {
         errno, msg, tid,
       } = await this.$http.post('/skinlib/upload', data)
       if (errno === 0) {
-        await swal({ type: 'success', text: msg })
-        toastr.info(this.$t('skinlib.redirecting'))
+        this.$message.success(msg)
         setTimeout(() => {
           window.location = `${blessing.base_url}/skinlib/show/${tid}`
         }, 1000)
       } else {
-        await swal({ type: 'warning', text: msg })
+        this.$message.error(msg)
         this.uploading = false
       }
     },
diff --git a/resources/assets/src/views/user/Bind.vue b/resources/assets/src/views/user/Bind.vue
index 48ead20a..2491cc73 100644
--- a/resources/assets/src/views/user/Bind.vue
+++ b/resources/assets/src/views/user/Bind.vue
@@ -37,8 +37,6 @@
 </template>
 
 <script>
-import { swal } from '../../js/notify'
-
 export default {
   name: 'BindPlayer',
   data() {
@@ -66,7 +64,7 @@ export default {
       )
       this.pending = false
       if (errno === 0) {
-        await swal({ text: msg, type: 'success' })
+        await this.$alert({ message: msg, type: 'success' })
         window.location.href = `${blessing.base_url}/user`
       } else {
         this.message = msg
diff --git a/resources/assets/src/views/user/Closet.vue b/resources/assets/src/views/user/Closet.vue
index 097c2488..4d25a4c5 100644
--- a/resources/assets/src/views/user/Closet.vue
+++ b/resources/assets/src/views/user/Closet.vue
@@ -191,10 +191,8 @@
 </template>
 
 <script>
-import toastr from 'toastr'
 import Paginate from 'vuejs-paginate'
 import { debounce, queryString } from '../../js/utils'
-import { swal } from '../../js/notify'
 import ClosetItem from '../../components/ClosetItem.vue'
 import EmailVerification from '../../components/EmailVerification.vue'
 
@@ -296,11 +294,11 @@ export default {
     },
     async submitApplyTexture() {
       if (!this.selectedPlayer) {
-        return toastr.info(this.$t('user.emptySelectedPlayer'))
+        return this.$message.info(this.$t('user.emptySelectedPlayer'))
       }
 
       if (!this.selectedSkin && !this.selectedCape) {
-        return toastr.info(this.$t('user.emptySelectedTexture'))
+        return this.$message.info(this.$t('user.emptySelectedTexture'))
       }
 
       const { errno, msg } = await this.$http.post(
@@ -314,10 +312,10 @@ export default {
         }
       )
       if (errno === 0) {
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         $('#modal-use-as').modal('hide')
       } else {
-        toastr.warning(msg)
+        this.$message.warning(msg)
       }
     },
     resetSelected() {
diff --git a/resources/assets/src/views/user/Dashboard.vue b/resources/assets/src/views/user/Dashboard.vue
index 3c4ffd82..bed41245 100644
--- a/resources/assets/src/views/user/Dashboard.vue
+++ b/resources/assets/src/views/user/Dashboard.vue
@@ -65,8 +65,6 @@
 </template>
 
 <script>
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 import EmailVerification from '../../components/EmailVerification.vue'
 
 const ONE_DAY = 24 * 3600 * 1000
@@ -138,14 +136,13 @@ export default {
       const result = await this.$http.post('/user/sign')
 
       if (result.errno === 0) {
-        swal({ type: 'success', text: result.msg })
-
+        this.$message.success(result.msg)
         this.score = result.score
         this.lastSignAt = new Date()
         this.storageUsed = result.storage.used
         this.storageTotal = result.storage.total
       } else {
-        toastr.warning(result.msg)
+        this.$message.warning(result.msg)
       }
     },
   },
diff --git a/resources/assets/src/views/user/Players.vue b/resources/assets/src/views/user/Players.vue
index 73dc275d..f35d5662 100644
--- a/resources/assets/src/views/user/Players.vue
+++ b/resources/assets/src/views/user/Players.vue
@@ -219,9 +219,6 @@
 </template>
 
 <script>
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
-
 export default {
   name: 'Players',
   components: {
@@ -283,14 +280,13 @@ export default {
       }
     },
     async changeName(player) {
-      const { dismiss, value } = await swal({
-        title: this.$t('user.changePlayerName'),
-        inputValue: player.name,
-        input: 'text',
-        showCancelButton: true,
-        inputValidator: val => !val && this.$t('user.emptyPlayerName'),
-      })
-      if (dismiss) {
+      let value
+      try {
+        ({ value } = await this.$prompt(this.$t('user.changePlayerName'), {
+          inputValue: player.name,
+          inputValidator: val => !!val || this.$t('user.emptyPlayerName'),
+        }))
+      } catch {
         return
       }
 
@@ -299,10 +295,10 @@ export default {
         { pid: player.pid, new_player_name: value }
       )
       if (errno === 0) {
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         player.name = value
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
     loadICheck() {
@@ -317,7 +313,7 @@ export default {
     },
     async clearTexture() {
       if (Object.values(this.clear).every(value => !value)) {
-        return toastr.warning(this.$t('user.noClearChoice'))
+        return this.$message.warning(this.$t('user.noClearChoice'))
       }
 
       const { errno, msg } = await this.$http.post(
@@ -326,25 +322,22 @@ export default {
       )
       if (errno === 0) {
         $('.modal').modal('hide')
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         const player = this.players.find(({ pid }) => pid === this.selected)
         Object.keys(this.clear)
           .filter(type => this.clear[type])
           .forEach(type => (player[`tid_${type}`] = 0))
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
     async deletePlayer(player, index) {
-      const { dismiss } = await swal({
-        title: this.$t('user.deletePlayer'),
-        text: this.$t('user.deletePlayerNotice'),
-        type: 'warning',
-        showCancelButton: true,
-        cancelButtonColor: '#3085d6',
-        confirmButtonColor: '#d33',
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('user.deletePlayerNotice'), {
+          title: this.$t('user.deletePlayer'),
+          type: 'warning',
+        })
+      } catch {
         return
       }
 
@@ -354,9 +347,9 @@ export default {
       )
       if (errno === 0) {
         this.$delete(this.players, index)
-        swal({ type: 'success', text: msg })
+        this.$message.success(msg)
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
     async addPlayer() {
@@ -366,10 +359,10 @@ export default {
         { player_name: this.newPlayer }
       )
       if (errno === 0) {
-        await swal({ type: 'success', text: msg })
+        this.$message.success(msg)
         this.fetchPlayers()
       } else {
-        swal({ type: 'warning', text: msg })
+        this.$message.warning(msg)
       }
     },
   },
diff --git a/resources/assets/src/views/user/Profile.vue b/resources/assets/src/views/user/Profile.vue
index 974b332b..db98d5c3 100644
--- a/resources/assets/src/views/user/Profile.vue
+++ b/resources/assets/src/views/user/Profile.vue
@@ -202,8 +202,6 @@
 </template>
 
 <script>
-import toastr from 'toastr'
-import { swal } from '../../js/notify'
 import EmailVerification from '../../components/EmailVerification.vue'
 
 export default {
@@ -225,12 +223,9 @@ export default {
   methods: {
     nl2br: str => str.replace(/\n/g, '<br>'),
     async resetAvatar() {
-      const { dismiss } = await swal({
-        title: this.$t('user.resetAvatarConfirm'),
-        type: 'question',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('user.resetAvatarConfirm'))
+      } catch {
         return
       }
 
@@ -238,7 +233,7 @@ export default {
         '/user/profile/avatar',
         { tid: 0 }
       )
-      toastr.success(msg)
+      this.$message.success(msg)
       Array.from(document.querySelectorAll('[alt="User Image"]'))
         .forEach(el => (el.src += `?${new Date().getTime()}`))
     },
@@ -248,25 +243,25 @@ export default {
       } = this
 
       if (!oldPassword) {
-        toastr.info(this.$t('user.emptyPassword'))
+        this.$message.error(this.$t('user.emptyPassword'))
         this.$refs.oldPassword.focus()
         return
       }
 
       if (!newPassword) {
-        toastr.info(this.$t('user.emptyNewPassword'))
+        this.$message.error(this.$t('user.emptyNewPassword'))
         this.$refs.newPassword.focus()
         return
       }
 
       if (!confirmPassword) {
-        toastr.info(this.$t('auth.emptyConfirmPwd'))
+        this.$message.error(this.$t('auth.emptyConfirmPwd'))
         this.$refs.confirmPassword.focus()
         return
       }
 
       if (newPassword !== confirmPassword) {
-        toastr.info(this.$t('auth.invalidConfirmPwd'))
+        this.$message.error(this.$t('auth.invalidConfirmPwd'))
         this.$refs.confirmPassword.focus()
         return
       }
@@ -276,24 +271,21 @@ export default {
         { current_password: oldPassword, new_password: newPassword }
       )
       if (errno === 0) {
-        await swal({ type: 'success', text: msg })
+        await this.$alert(msg)
         return (window.location = `${blessing.base_url}/auth/login`)
       }
-      return swal({ type: 'warning', text: msg })
+      return this.$alert(msg, { type: 'warning' })
     },
     async changeNickName() {
       const { nickname } = this
 
       if (!nickname) {
-        return swal({ type: 'error', text: this.$t('user.emptyNewNickName') })
+        return this.$alert(this.$t('user.emptyNewNickName'), { type: 'error' })
       }
 
-      const { dismiss } = await swal({
-        text: this.$t('user.changeNickName', { new_nickname: nickname }),
-        type: 'question',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('user.changeNickName', { new_nickname: nickname }))
+      } catch {
         return
       }
 
@@ -304,27 +296,24 @@ export default {
       if (errno === 0) {
         Array.from(document.querySelectorAll('.nickname'))
           .forEach(el => (el.textContent = nickname))
-        return swal({ type: 'success', text: msg })
+        return this.$message.success(msg)
       }
-      return swal({ type: 'warning', text: msg })
+      return this.$alert(msg, { type: 'warning' })
     },
     async changeEmail() {
       const { email } = this
 
       if (!email) {
-        return swal({ type: 'error', text: this.$t('user.emptyNewEmail') })
+        return this.$alert(this.$t('user.emptyNewEmail'), { type: 'error' })
       }
 
       if (!/\S+@\S+\.\S+/.test(email)) {
-        return swal({ type: 'warning', text: this.$t('auth.invalidEmail') })
+        return this.$alert(this.$t('auth.invalidEmail'), { type: 'warning' })
       }
 
-      const { dismiss } = await swal({
-        text: this.$t('user.changeEmail', { new_email: email }),
-        type: 'question',
-        showCancelButton: true,
-      })
-      if (dismiss) {
+      try {
+        await this.$confirm(this.$t('user.changeEmail', { new_email: email }))
+      } catch {
         return
       }
 
@@ -333,16 +322,16 @@ export default {
         { new_email: email, password: this.currentPassword }
       )
       if (errno === 0) {
-        await swal({ type: 'success', text: msg })
+        await this.$message.success(msg)
         return (window.location = `${blessing.base_url}/auth/login`)
       }
-      return swal({ type: 'warning', text: msg })
+      return this.$alert(msg, { type: 'warning' })
     },
     async deleteAccount() {
       const { deleteConfirm: password } = this
 
       if (!password) {
-        return swal({ type: 'warning', text: this.$t('user.emptyDeletePassword') })
+        return this.$alert(this.$t('user.emptyDeletePassword'), { type: 'error' })
       }
 
       const { errno, msg } = await this.$http.post(
@@ -350,13 +339,10 @@ export default {
         { password }
       )
       if (errno === 0) {
-        await swal({
-          type: 'success',
-          text: msg,
-        })
+        await this.$alert(msg, { type: 'success' })
         window.location = `${blessing.base_url}/auth/login`
       } else {
-        return swal({ type: 'warning', text: msg })
+        return this.$alert(msg, { type: 'warning' })
       }
     },
   },
diff --git a/resources/assets/tests/.eslintrc.yml b/resources/assets/tests/.eslintrc.yml
index dbe42d41..838793b2 100644
--- a/resources/assets/tests/.eslintrc.yml
+++ b/resources/assets/tests/.eslintrc.yml
@@ -5,3 +5,4 @@ rules:
   no-empty-function: 0
   func-names: 0
   no-extra-parens: 0
+  prefer-promise-reject-errors: 0
diff --git a/resources/assets/tests/components/ClosetItem.test.ts b/resources/assets/tests/components/ClosetItem.test.ts
index ab907274..5eb1ba51 100644
--- a/resources/assets/tests/components/ClosetItem.test.ts
+++ b/resources/assets/tests/components/ClosetItem.test.ts
@@ -1,10 +1,8 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
+import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../utils'
 import ClosetItem from '@/components/ClosetItem.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 function factory(opt = {}) {
   return {
@@ -40,13 +38,13 @@ test('rename texture', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 0 })
     .mockResolvedValueOnce({ errno: 1 })
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(options => {
+  Vue.prototype.$prompt.mockImplementationOnce(() => Promise.reject(new Error()))
+    .mockImplementation((_, options) => {
       if (options.inputValidator) {
         options.inputValidator('name')
         options.inputValidator('')
       }
-      return Promise.resolve({ value: 'new-name' })
+      return Promise.resolve({ value: 'new-name' } as MessageBoxData)
     })
   const wrapper = mount(ClosetItem, { propsData: factory() })
   const button = wrapper.findAll('.dropdown-menu > li').at(0)
@@ -72,9 +70,9 @@ test('remove texture', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 0 })
     .mockResolvedValueOnce({ errno: 1 })
-  swal
-    .mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce({})
+    .mockResolvedValue('confirm')
 
   const wrapper = mount(ClosetItem, { propsData: factory() })
   const button = wrapper.findAll('.dropdown-menu > li').at(1)
@@ -97,9 +95,9 @@ test('set as avatar', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 0 })
     .mockResolvedValueOnce({ errno: 1 })
-  swal
-    .mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce({})
+    .mockResolvedValue('confirm')
 
   const wrapper = mount(ClosetItem, { propsData: factory() })
   const button = wrapper.findAll('.dropdown-menu > li').at(2)
diff --git a/resources/assets/tests/components/EmailVerification.test.ts b/resources/assets/tests/components/EmailVerification.test.ts
index 59434510..f5151432 100644
--- a/resources/assets/tests/components/EmailVerification.test.ts
+++ b/resources/assets/tests/components/EmailVerification.test.ts
@@ -1,9 +1,6 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import EmailVerification from '@/components/EmailVerification.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 test('message box should not be render if verified', () => {
   window.blessing.extra = { unverified: false }
@@ -21,9 +18,9 @@ test('resend email', async () => {
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'warning', text: '1' })
+  expect(Vue.prototype.$message.error).toBeCalledWith('1')
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'success', text: '0' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('0')
 })
diff --git a/resources/assets/tests/components/SkinLibItem.test.ts b/resources/assets/tests/components/SkinLibItem.test.ts
index f7ea94ab..7a01d152 100644
--- a/resources/assets/tests/components/SkinLibItem.test.ts
+++ b/resources/assets/tests/components/SkinLibItem.test.ts
@@ -1,12 +1,8 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import SkinLibItem from '@/components/SkinLibItem.vue'
-import toastr from 'toastr'
+import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../utils'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
-jest.mock('toastr')
 
 test('urls', () => {
   const wrapper = mount(SkinLibItem, {
@@ -64,7 +60,7 @@ test('liked state', () => {
 
 test('remove from closet', async () => {
   Vue.prototype.$http.post.mockResolvedValue({ errno: 0 })
-  swal.mockResolvedValue({})
+  Vue.prototype.$confirm.mockResolvedValue('confirm')
   const wrapper = mount(SkinLibItem, {
     propsData: {
       tid: 1, liked: true, anonymous: false,
@@ -79,15 +75,15 @@ test('add to closet', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0 })
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(({ inputValidator }) => {
+  Vue.prototype.$prompt
+    .mockImplementationOnce(() => Promise.reject())
+    .mockImplementation((_, { inputValidator }) => {
       if (inputValidator) {
         inputValidator('')
         inputValidator('name')
       }
-      return Promise.resolve({ value: 'name' })
+      return Promise.resolve({ value: 'name' } as MessageBoxData)
     })
-  jest.spyOn(toastr, 'warning')
   const wrapper = mount(SkinLibItem, {
     propsData: {
       tid: 1, liked: false, anonymous: false,
@@ -104,7 +100,7 @@ test('add to closet', async () => {
     '/user/closet/add',
     { tid: 1, name: 'name' }
   )
-  expect(toastr.warning).toBeCalledWith('1')
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
diff --git a/resources/assets/tests/js/logout.test.ts b/resources/assets/tests/js/logout.test.ts
index 931c3b48..84489231 100644
--- a/resources/assets/tests/js/logout.test.ts
+++ b/resources/assets/tests/js/logout.test.ts
@@ -1,12 +1,14 @@
 import { logout } from '@/js/logout'
 import { post } from '@/js/net'
-import { swal } from '@/js/notify'
+import { MessageBox } from '@/js/element'
 
 jest.mock('@/js/net')
-jest.mock('@/js/notify')
+jest.mock('@/js/element')
 
 test('log out', async () => {
-  swal.mockResolvedValueOnce({ dismiss: 1 }).mockResolvedValueOnce({})
+  MessageBox.confirm
+    .mockRejectedValueOnce('cancel')
+    .mockResolvedValue('confirm')
   post.mockResolvedValue({ msg: '' })
 
   await logout()
diff --git a/resources/assets/tests/js/notify.test.ts b/resources/assets/tests/js/notify.test.ts
index 01e6f6a7..1c4cc968 100644
--- a/resources/assets/tests/js/notify.test.ts
+++ b/resources/assets/tests/js/notify.test.ts
@@ -1,14 +1,6 @@
 import $ from 'jquery'
-import Swal from 'sweetalert2'
 import * as notify from '@/js/notify'
 
-jest.mock('sweetalert2', () => ({
-  mixin() {
-    return this
-  },
-  fire() {},
-}))
-
 test('show AJAX error', () => {
   // @ts-ignore
   $.fn.modal = function () {
@@ -27,9 +19,3 @@ test('show modal', () => {
     destroyOnClose: false,
   })
 })
-
-test('show sweetalert', () => {
-  jest.spyOn(Swal, 'fire')
-  notify.swal({})
-  expect(Swal.fire).toBeCalled()
-})
diff --git a/resources/assets/tests/setup.js b/resources/assets/tests/setup.js
index e2051813..bbb8f95f 100644
--- a/resources/assets/tests/setup.js
+++ b/resources/assets/tests/setup.js
@@ -34,3 +34,14 @@ Vue.prototype.$http = {
   get: jest.fn(),
   post: jest.fn(),
 }
+
+Vue.prototype.$message = {
+  info: jest.fn(),
+  success: jest.fn(),
+  warning: jest.fn(),
+  error: jest.fn(),
+}
+Vue.prototype.$msgbox = jest.fn()
+Vue.prototype.$alert = jest.fn()
+Vue.prototype.$confirm = jest.fn()
+Vue.prototype.$prompt = jest.fn()
diff --git a/resources/assets/tests/shims.d.ts b/resources/assets/tests/shims.d.ts
index 18ac3d10..f4d7c932 100644
--- a/resources/assets/tests/shims.d.ts
+++ b/resources/assets/tests/shims.d.ts
@@ -1,4 +1,6 @@
 import Vue from 'vue'
+import { Message, MessageBox } from 'element-ui'
+import { ElMessageBoxOptions } from 'element-ui/types/message-box'
 
 declare module 'vue/types/vue' {
   interface VueConstructor {
@@ -6,7 +8,17 @@ declare module 'vue/types/vue' {
       $http: {
         get: jest.Mock<any>
         post: jest.Mock<any>
+      },
+      $message: {
+        info: jest.Mock<ReturnType<typeof Message>, Parameters<typeof Message>>
+        success: jest.Mock<ReturnType<typeof Message>, Parameters<typeof Message>>
+        warning: jest.Mock<ReturnType<typeof Message>, Parameters<typeof Message>>
+        error: jest.Mock<ReturnType<typeof Message>, Parameters<typeof Message>>
       }
+      $msgbox: jest.Mock<ReturnType<typeof MessageBox>, [ElMessageBoxOptions]>
+      $alert: jest.Mock<ReturnType<typeof MessageBox>, [string, ElMessageBoxOptions]>
+      $confirm: jest.Mock<ReturnType<typeof MessageBox>, [string, ElMessageBoxOptions]>
+      $prompt: jest.Mock<ReturnType<typeof MessageBox>, [string, ElMessageBoxOptions]>
     }
   }
 }
diff --git a/resources/assets/tests/ts-shims/element.ts b/resources/assets/tests/ts-shims/element.ts
new file mode 100644
index 00000000..a54d5b98
--- /dev/null
+++ b/resources/assets/tests/ts-shims/element.ts
@@ -0,0 +1,9 @@
+import { ElMessage } from 'element-ui/types/message'
+import { ElMessageBox } from 'element-ui/types/message-box'
+
+export const Message = {} as jest.Mock<ReturnType<ElMessage>, Parameters<ElMessage>>
+export const MessageBox = {} as jest.Mock<ReturnType<ElMessageBox>, Parameters<ElMessageBox>> & {
+  alert: jest.Mock<ReturnType<ElMessageBox>, Parameters<ElMessageBox>>,
+  confirm: jest.Mock<ReturnType<ElMessageBox>, Parameters<ElMessageBox>>,
+  prompt: jest.Mock<ReturnType<ElMessageBox>, Parameters<ElMessageBox>>
+}
diff --git a/resources/assets/tests/ts-shims/notify.ts b/resources/assets/tests/ts-shims/notify.ts
index fe2d6ca7..377f2006 100644
--- a/resources/assets/tests/ts-shims/notify.ts
+++ b/resources/assets/tests/ts-shims/notify.ts
@@ -9,8 +9,3 @@ export const showModal = {} as jest.Mock<
   ReturnType<typeof notify.showModal>,
   Parameters<typeof notify.showModal>
 >
-
-export const swal = {} as jest.Mock<
-  ReturnType<typeof notify.swal>,
-  Parameters<typeof notify.swal>
->
diff --git a/resources/assets/tests/views/admin/Market.test.ts b/resources/assets/tests/views/admin/Market.test.ts
index 17680219..c9c20bf3 100644
--- a/resources/assets/tests/views/admin/Market.test.ts
+++ b/resources/assets/tests/views/admin/Market.test.ts
@@ -2,9 +2,6 @@ import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Market from '@/views/admin/Market.vue'
 import { flushPromises } from '../../utils'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 test('render dependencies', async () => {
   Vue.prototype.$http.get.mockResolvedValue([
@@ -85,8 +82,9 @@ test('update plugin', async () => {
   ])
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Market)
   await flushPromises()
   const button = wrapper.find('button')
@@ -117,19 +115,19 @@ test('enable installed plugin', async () => {
       errno: 1, msg: '1', reason: ['`a<div></div>`b'],
     })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValueOnce({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Market)
   await flushPromises()
   const buttons = wrapper.findAll('button')
 
   buttons.at(0).trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({
-    text: 'admin.noDependenciesNotice',
-    type: 'warning',
-    showCancelButton: true,
-  })
+  expect(Vue.prototype.$confirm).toBeCalledWith(
+    'admin.noDependenciesNotice',
+    { type: 'warning' }
+  )
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   buttons.at(0).trigger('click')
@@ -138,10 +136,13 @@ test('enable installed plugin', async () => {
     '/admin/plugins/manage',
     { action: 'enable', name: 'a' }
   )
-  expect(swal).toBeCalledWith({
-    type: 'warning',
-    html: '<p>1</p><ul><li>`a&lt;div&gt;&lt;/div&gt;`b</li></ul>',
-  })
+  expect(Vue.prototype.$alert).toBeCalledWith(
+    '<p>1</p><ul><li>`a&lt;div&gt;&lt;/div&gt;`b</li></ul>',
+    {
+      type: 'warning',
+      dangerouslyUseHTMLString: true,
+    }
+  )
 
   buttons.at(1).trigger('click')
   await flushPromises()
diff --git a/resources/assets/tests/views/admin/Players.test.ts b/resources/assets/tests/views/admin/Players.test.ts
index b6cb96a1..3363d7f6 100644
--- a/resources/assets/tests/views/admin/Players.test.ts
+++ b/resources/assets/tests/views/admin/Players.test.ts
@@ -1,10 +1,8 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
+import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 import Players from '@/views/admin/Players.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 test('fetch data after initializing', () => {
   Vue.prototype.$http.get.mockResolvedValue({ data: [] })
@@ -59,13 +57,14 @@ test('change player name', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(options => {
+  Vue.prototype.$prompt
+    .mockImplementationOnce(() => Promise.reject())
+    .mockImplementation((_, options) => {
       if (options.inputValidator) {
         options.inputValidator('')
         options.inputValidator('new')
       }
-      return Promise.resolve({ value: 'new' })
+      return Promise.resolve({ value: 'new' } as MessageBoxData)
     })
   const wrapper = mount(Players)
   await wrapper.vm.$nextTick()
@@ -94,8 +93,9 @@ test('change owner', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({ value: '3' })
+  Vue.prototype.$prompt
+    .mockRejectedValueOnce('')
+    .mockResolvedValue({ value: '3' } as MessageBoxData)
 
   const wrapper = mount(Players)
   await wrapper.vm.$nextTick()
@@ -124,8 +124,9 @@ test('delete player', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
 
   const wrapper = mount(Players)
   await wrapper.vm.$nextTick()
diff --git a/resources/assets/tests/views/admin/Plugins.test.ts b/resources/assets/tests/views/admin/Plugins.test.ts
index 05e357d7..d68acb37 100644
--- a/resources/assets/tests/views/admin/Plugins.test.ts
+++ b/resources/assets/tests/views/admin/Plugins.test.ts
@@ -1,9 +1,7 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Plugins from '@/views/admin/Plugins.vue'
-import toastr from 'toastr'
 import { flushPromises } from '../../utils'
-import { swal } from '@/js/notify'
 
 jest.mock('@/js/notify')
 
@@ -62,8 +60,9 @@ test('enable plugin', async () => {
       errno: 1, msg: '1', reason: ['`a<div></div>`b'],
     })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValueOnce({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Plugins)
   await flushPromises()
 
@@ -71,10 +70,8 @@ test('enable plugin', async () => {
     .find('a')
     .trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({
-    text: 'admin.noDependenciesNotice',
+  expect(Vue.prototype.$confirm).toBeCalledWith('admin.noDependenciesNotice', {
     type: 'warning',
-    showCancelButton: true,
   })
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
@@ -86,10 +83,13 @@ test('enable plugin', async () => {
     '/admin/plugins/manage',
     { action: 'enable', name: 'a' }
   )
-  expect(swal).toBeCalledWith({
-    type: 'warning',
-    html: '<p>1</p><ul><li>`a&lt;div&gt;&lt;/div&gt;`b</li></ul>',
-  })
+  expect(Vue.prototype.$alert).toBeCalledWith(
+    '<p>1</p><ul><li>`a&lt;div&gt;&lt;/div&gt;`b</li></ul>',
+    {
+      type: 'warning',
+      dangerouslyUseHTMLString: true,
+    }
+  )
 
   wrapper.findAll('.actions').at(1)
     .find('a')
@@ -99,7 +99,6 @@ test('enable plugin', async () => {
 })
 
 test('disable plugin', async () => {
-  jest.spyOn(toastr, 'success')
   Vue.prototype.$http.get.mockResolvedValue([
     {
       name: 'a', dependencies: { requirements: [] }, enabled: true, config: false,
@@ -120,12 +119,11 @@ test('disable plugin', async () => {
   )
   button.trigger('click')
   await flushPromises()
-  expect(toastr.success).toBeCalledWith('0')
+  expect(Vue.prototype.$message.success).toBeCalledWith('0')
   expect(wrapper.text()).toContain('admin.enablePlugin')
 })
 
 test('delete plugin', async () => {
-  jest.spyOn(toastr, 'success')
   Vue.prototype.$http.get.mockResolvedValue([
     {
       name: 'a', dependencies: { requirements: [] }, enabled: false,
@@ -134,8 +132,9 @@ test('delete plugin', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Plugins)
   await flushPromises()
   const button = wrapper.find('.actions').findAll('a')
@@ -143,10 +142,8 @@ test('delete plugin', async () => {
 
   button.trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({
-    text: 'admin.confirmDeletion',
+  expect(Vue.prototype.$confirm).toBeCalledWith('admin.confirmDeletion', {
     type: 'warning',
-    showCancelButton: true,
   })
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
@@ -156,7 +153,7 @@ test('delete plugin', async () => {
     '/admin/plugins/manage',
     { action: 'delete', name: 'a' }
   )
-  expect(swal).toBeCalledWith({ type: 'warning', text: '1' })
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
diff --git a/resources/assets/tests/views/admin/Update.test.ts b/resources/assets/tests/views/admin/Update.test.ts
index f1c119a9..cbca0dd2 100644
--- a/resources/assets/tests/views/admin/Update.test.ts
+++ b/resources/assets/tests/views/admin/Update.test.ts
@@ -2,9 +2,6 @@ import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import { flushPromises } from '../../utils'
 import Update from '@/views/admin/Update.vue'
-import '@/js/notify'
-
-jest.mock('@/js/notify')
 
 afterEach(() => {
   window.blessing.extra = { canUpdate: true }
diff --git a/resources/assets/tests/views/admin/Users.test.ts b/resources/assets/tests/views/admin/Users.test.ts
index c85e3026..2eb16596 100644
--- a/resources/assets/tests/views/admin/Users.test.ts
+++ b/resources/assets/tests/views/admin/Users.test.ts
@@ -1,12 +1,10 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Users from '@/views/admin/Users.vue'
-import toastr from 'toastr'
-import { swal } from '@/js/notify'
 import '@/js/i18n'
+import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 
-jest.mock('@/js/notify')
 jest.mock('@/js/i18n', () => ({
   trans: (key: string) => key,
 }))
@@ -238,13 +236,14 @@ test('change email', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(options => {
+  Vue.prototype.$prompt
+    .mockImplementationOnce(() => Promise.reject())
+    .mockImplementation((_, options) => {
       if (options.inputValidator) {
         options.inputValidator('')
         options.inputValidator('value')
       }
-      return Promise.resolve({ value: 'd@e.f' })
+      return Promise.resolve({ value: 'd@e.f' } as MessageBoxData)
     })
   const wrapper = mount(Users)
   await wrapper.vm.$nextTick()
@@ -300,13 +299,14 @@ test('change nickname', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(options => {
+  Vue.prototype.$prompt
+    .mockImplementationOnce(() => Promise.reject())
+    .mockImplementation((_, options) => {
       if (options.inputValidator) {
         options.inputValidator('')
         options.inputValidator('value')
       }
-      return Promise.resolve({ value: 'new' })
+      return Promise.resolve({ value: 'new' } as MessageBoxData)
     })
   const wrapper = mount(Users)
   await wrapper.vm.$nextTick()
@@ -329,8 +329,6 @@ test('change nickname', async () => {
 })
 
 test('change password', async () => {
-  jest.spyOn(toastr, 'success')
-  jest.spyOn(toastr, 'warning')
   Vue.prototype.$http.get.mockResolvedValue({
     data: [
       { uid: 1 },
@@ -339,8 +337,9 @@ test('change password', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({ value: 'password' })
+  Vue.prototype.$prompt
+    .mockRejectedValueOnce('')
+    .mockResolvedValue({ value: 'password' }as MessageBoxData)
 
   const wrapper = mount(Users)
   await wrapper.vm.$nextTick()
@@ -356,12 +355,12 @@ test('change password', async () => {
     { uid: 1, password: 'password' }
   )
   await flushPromises()
-  expect(toastr.success).toBeCalledWith('0')
+  expect(Vue.prototype.$message.success).toBeCalledWith('0')
 
 
   button.trigger('click')
   await flushPromises()
-  expect(toastr.warning).toBeCalledWith('1')
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 })
 
 test('change score', async () => {
@@ -373,8 +372,9 @@ test('change score', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValueOnce({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({ value: '45' })
+  Vue.prototype.$prompt
+    .mockRejectedValueOnce('')
+    .mockResolvedValue({ value: '45' }as MessageBoxData)
 
   const wrapper = mount(Users)
   await wrapper.vm.$nextTick()
@@ -415,21 +415,37 @@ test('change permission', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  swal
-    .mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValueOnce({ value: 1 })
-    .mockResolvedValueOnce({ value: -1 })
+  Vue.prototype.$msgbox
+    .mockImplementationOnce(() => Promise.reject())
+    .mockImplementationOnce(options => {
+      if (options.message) {
+        const vnode = options.message as Vue.VNode
+        const elm = document.createElement('select')
+        elm.appendChild(document.createElement('option'))
+        elm.appendChild(document.createElement('option'))
+        elm.appendChild(document.createElement('option'))
+        elm.selectedIndex = 2
+        ;(vnode.children as Vue.VNode[])[1].elm = elm
+      }
+      return Promise.resolve({} as MessageBoxData)
+    })
+    .mockImplementation(options => {
+      if (options.message) {
+        const vnode = options.message as Vue.VNode
+        const elm = document.createElement('select')
+        elm.appendChild(document.createElement('option'))
+        elm.appendChild(document.createElement('option'))
+        elm.selectedIndex = 0
+        ;(vnode.children as Vue.VNode[])[1].elm = elm
+      }
+      return Promise.resolve({} as MessageBoxData)
+    })
 
   let wrapper = mount(Users)
   await wrapper.vm.$nextTick()
   let button = wrapper.find('[data-test=permission]')
 
   button.trigger('click')
-  expect(swal.mock.calls[0][0].inputOptions).toStrictEqual({
-    '-1': 'admin.banned',
-    0: 'admin.normal',
-    1: 'admin.admin',
-  })
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   button.trigger('click')
@@ -445,10 +461,6 @@ test('change permission', async () => {
   button = wrapper.find('[data-test=permission]')
 
   button.trigger('click')
-  expect(swal.mock.calls[2][0].inputOptions).toStrictEqual({
-    '-1': 'admin.banned',
-    0: 'admin.normal',
-  })
   await flushPromises()
   expect(wrapper.text()).toContain('admin.banned')
 })
@@ -462,8 +474,9 @@ test('delete user', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
 
   const wrapper = mount(Users)
   await wrapper.vm.$nextTick()
diff --git a/resources/assets/tests/views/auth/Login.test.ts b/resources/assets/tests/views/auth/Login.test.ts
index 7382cfae..310c0a06 100644
--- a/resources/assets/tests/views/auth/Login.test.ts
+++ b/resources/assets/tests/views/auth/Login.test.ts
@@ -1,9 +1,6 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Login from '@/views/auth/Login.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 const Captcha = Vue.extend({
   methods: {
@@ -54,7 +51,7 @@ test('login', async () => {
 
   form.trigger('submit')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'error', text: 'auth.tooManyFails' })
+  expect(Vue.prototype.$alert).toBeCalledWith('auth.tooManyFails', { type: 'error' })
   expect(wrapper.find('img').exists()).toBeTrue()
 
   wrapper.find('[type="checkbox"]').setChecked()
@@ -68,5 +65,5 @@ test('login', async () => {
   )
   await wrapper.vm.$nextTick()
   jest.runAllTimers()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'ok' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('ok')
 })
diff --git a/resources/assets/tests/views/auth/Register.test.ts b/resources/assets/tests/views/auth/Register.test.ts
index 453f82dc..577b245e 100644
--- a/resources/assets/tests/views/auth/Register.test.ts
+++ b/resources/assets/tests/views/auth/Register.test.ts
@@ -1,11 +1,8 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Register from '@/views/auth/Register.vue'
-import { swal } from '@/js/notify'
 import { flushPromises } from '../../utils'
 
-jest.mock('@/js/notify')
-
 window.blessing.extra = { player: false }
 
 const Captcha = Vue.extend({
@@ -94,7 +91,7 @@ test('register', async () => {
   form.trigger('submit')
   await flushPromises()
   jest.runAllTimers()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'ok' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('ok')
 })
 
 test('register with player name', async () => {
diff --git a/resources/assets/tests/views/auth/Reset.test.ts b/resources/assets/tests/views/auth/Reset.test.ts
index 31db534d..d9c4a847 100644
--- a/resources/assets/tests/views/auth/Reset.test.ts
+++ b/resources/assets/tests/views/auth/Reset.test.ts
@@ -1,9 +1,6 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Reset from '@/views/auth/Reset.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 test('reset password', async () => {
   Vue.prototype.$http.post
@@ -52,5 +49,5 @@ test('reset password', async () => {
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'ok' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('ok')
 })
diff --git a/resources/assets/tests/views/skinlib/Show.test.ts b/resources/assets/tests/views/skinlib/Show.test.ts
index c795b8f2..821b3192 100644
--- a/resources/assets/tests/views/skinlib/Show.test.ts
+++ b/resources/assets/tests/views/skinlib/Show.test.ts
@@ -1,11 +1,8 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Show from '@/views/skinlib/Show.vue'
-import toastr from 'toastr'
+import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 type Component = Vue & {
   liked: boolean
@@ -156,7 +153,7 @@ test('set as avatar', () => {
     stubs: { previewer },
   })
   wrapper.find('button.btn-default').trigger('click')
-  expect(swal).toBeCalled()
+  expect(Vue.prototype.$confirm).toBeCalled()
 
   const noSetAsAvatar = mount(Show, {
     mocks: {
@@ -171,7 +168,7 @@ test('add to closet', async () => {
   Object.assign(window.blessing.extra, { currentUid: 1, inCloset: false })
   Vue.prototype.$http.get.mockResolvedValue({ name: 'wow', likes: 2 })
   Vue.prototype.$http.post.mockResolvedValue({ errno: 0, msg: '' })
-  swal.mockResolvedValue({})
+  Vue.prototype.$prompt.mockResolvedValue({ value: 'a' } as MessageBoxData)
   const wrapper = mount<Component>(Show, {
     mocks: {
       $route: ['/skinlib/show/1', '1'],
@@ -188,7 +185,6 @@ test('remove from closet', async () => {
   Object.assign(window.blessing.extra, { currentUid: 1, inCloset: true })
   Vue.prototype.$http.get.mockResolvedValue({ likes: 2 })
   Vue.prototype.$http.post.mockResolvedValue({ errno: 0 })
-  swal.mockResolvedValue({})
   const wrapper = mount<Component>(Show, {
     mocks: {
       $route: ['/skinlib/show/1', '1'],
@@ -207,14 +203,14 @@ test('change texture name', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  jest.spyOn(toastr, 'warning')
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(({ inputValidator }) => {
+  Vue.prototype.$prompt
+    .mockImplementationOnce(() => Promise.reject('cancel'))
+    .mockImplementation((_, { inputValidator }) => {
       if (inputValidator) {
         inputValidator('')
         inputValidator('new-name')
       }
-      return Promise.resolve({ value: 'new-name' })
+      return Promise.resolve({ value: 'new-name' } as MessageBoxData)
     })
   const wrapper = mount<Component>(Show, {
     mocks: {
@@ -233,7 +229,7 @@ test('change texture name', async () => {
     '/skinlib/rename',
     { tid: 1, new_name: 'new-name' }
   )
-  expect(toastr.warning).toBeCalledWith('1')
+  expect(Vue.prototype.$message.error).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
@@ -245,9 +241,19 @@ test('change texture model', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  jest.spyOn(toastr, 'warning')
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({ value: 'alex' })
+  Vue.prototype.$msgbox
+    .mockImplementationOnce(() => Promise.reject())
+    .mockImplementation(options => {
+      if (options.message) {
+        const vnode = options.message as Vue.VNode
+        const elm = document.createElement('select')
+        elm.appendChild(document.createElement('option'))
+        elm.appendChild(document.createElement('option'))
+        elm.selectedIndex = 1
+        ;(vnode.children as Vue.VNode[])[1].elm = elm
+      }
+      return Promise.resolve({} as MessageBoxData)
+    })
   const wrapper = mount<Component>(Show, {
     mocks: {
       $route: ['/skinlib/show/1', '1'],
@@ -266,7 +272,7 @@ test('change texture model', async () => {
     '/skinlib/model',
     { tid: 1, model: 'alex' }
   )
-  expect(toastr.warning).toBeCalledWith('1')
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
@@ -278,9 +284,9 @@ test('toggle privacy', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  jest.spyOn(toastr, 'warning')
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
   const wrapper = mount<Component>(Show, {
     mocks: {
       $route: ['/skinlib/show/1', '1'],
@@ -298,7 +304,7 @@ test('toggle privacy', async () => {
     '/skinlib/privacy',
     { tid: 1 }
   )
-  expect(toastr.warning).toBeCalledWith('1')
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
@@ -314,8 +320,9 @@ test('delete texture', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: '1' })
     .mockResolvedValue({ errno: 0, msg: '0' })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Show, {
     mocks: {
       $route: ['/skinlib/show/1', '1'],
@@ -333,9 +340,10 @@ test('delete texture', async () => {
     '/skinlib/delete',
     { tid: 1 }
   )
-  expect(swal).toBeCalledWith({ type: 'warning', text: '1' })
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({ type: 'success', text: '0' })
+  jest.runAllTimers()
+  expect(Vue.prototype.$message.success).toBeCalledWith('0')
 })
diff --git a/resources/assets/tests/views/skinlib/Upload.test.ts b/resources/assets/tests/views/skinlib/Upload.test.ts
index 53faac68..74292fca 100644
--- a/resources/assets/tests/views/skinlib/Upload.test.ts
+++ b/resources/assets/tests/views/skinlib/Upload.test.ts
@@ -3,11 +3,6 @@ import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Upload from '@/views/skinlib/Upload.vue'
 import { flushPromises } from '../../utils'
-import toastr from 'toastr'
-import { swal } from '@/js/notify'
-
-jest.mock('toastr')
-jest.mock('@/js/notify')
 
 window.blessing.extra = {
   textureNameRule: 'rule',
@@ -122,8 +117,6 @@ test('upload file', async () => {
     .mockResolvedValueOnce({
       errno: 0, msg: '0', tid: 1,
     })
-  jest.spyOn(toastr, 'info')
-  swal.mockReturnValue(Promise.resolve({}))
 
   const wrapper = mount(Upload, {
     stubs: ['file-upload'],
@@ -132,7 +125,7 @@ test('upload file', async () => {
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
-  expect(toastr.info).toBeCalledWith('skinlib.emptyUploadFile')
+  expect(Vue.prototype.$message.error).toBeCalledWith('skinlib.emptyUploadFile')
 
   wrapper.setData({
     files: [{
@@ -141,12 +134,12 @@ test('upload file', async () => {
   })
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
-  expect(toastr.info).toBeCalledWith('skinlib.emptyTextureName')
+  expect(Vue.prototype.$message.error).toBeCalledWith('skinlib.emptyTextureName')
 
   wrapper.find('[type=text]').setValue('t')
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
-  expect(toastr.info).toBeCalledWith('skinlib.fileExtError')
+  expect(Vue.prototype.$message.error).toBeCalledWith('skinlib.fileExtError')
 
   wrapper.setData({
     files: [{
@@ -156,13 +149,12 @@ test('upload file', async () => {
   button.trigger('click')
   await flushPromises()
   expect(Vue.prototype.$http.post).toBeCalledWith('/skinlib/upload', expect.any(FormData))
-  expect(swal).toBeCalledWith({ type: 'warning', text: '1' })
+  expect(Vue.prototype.$message.error).toBeCalledWith('1')
 
   button.trigger('click')
   await flushPromises()
   jest.runAllTimers()
-  expect(swal).toBeCalledWith({ type: 'success', text: '0' })
-  expect(toastr.info).toBeCalledWith('skinlib.redirecting')
+  expect(Vue.prototype.$message.success).toBeCalledWith('0')
 })
 
 test('show notice about awarding', () => {
diff --git a/resources/assets/tests/views/user/Bind.test.ts b/resources/assets/tests/views/user/Bind.test.ts
index 3575b7e7..9c5e2950 100644
--- a/resources/assets/tests/views/user/Bind.test.ts
+++ b/resources/assets/tests/views/user/Bind.test.ts
@@ -1,9 +1,6 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Bind from '@/views/user/Bind.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 test('list existed players', async () => {
   Vue.prototype.$http.get
@@ -27,7 +24,6 @@ test('submit', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: 'fail' })
     .mockResolvedValueOnce({ errno: 0, msg: 'ok' })
-  swal.mockResolvedValue({})
 
   const wrapper = mount(Bind)
   wrapper.find('input').setValue('abc')
@@ -38,5 +34,5 @@ test('submit', async () => {
 
   wrapper.find('button').trigger('click')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ text: 'ok', type: 'success' })
+  expect(Vue.prototype.$alert).toBeCalledWith({ message: 'ok', type: 'success' })
 })
diff --git a/resources/assets/tests/views/user/Closet.test.ts b/resources/assets/tests/views/user/Closet.test.ts
index 1db3d63d..41f6b06a 100644
--- a/resources/assets/tests/views/user/Closet.test.ts
+++ b/resources/assets/tests/views/user/Closet.test.ts
@@ -3,10 +3,6 @@ import { mount } from '@vue/test-utils'
 import Closet from '@/views/user/Closet.vue'
 import ClosetItem from '@/components/ClosetItem.vue'
 import Previewer from '@/components/Previewer.vue'
-import toastr from 'toastr'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 window.blessing.extra = { unverified: false }
 
@@ -216,7 +212,6 @@ test('apply texture', async () => {
 
 test('submit applying texture', async () => {
   window.$ = jest.fn(() => ({ modal() {} }))
-  jest.spyOn(toastr, 'info')
   Vue.prototype.$http.get.mockResolvedValue({})
   Vue.prototype.$http.post.mockResolvedValueOnce({ errno: 1 })
     .mockResolvedValue({ errno: 0, msg: 'ok' })
@@ -224,11 +219,11 @@ test('submit applying texture', async () => {
   const button = wrapper.find('.modal-footer > a:nth-child(2)')
 
   button.trigger('click')
-  expect(toastr.info).toBeCalledWith('user.emptySelectedPlayer')
+  expect(Vue.prototype.$message.info).toBeCalledWith('user.emptySelectedPlayer')
 
   wrapper.setData({ selectedPlayer: 1 })
   button.trigger('click')
-  expect(toastr.info).toBeCalledWith('user.emptySelectedTexture')
+  expect(Vue.prototype.$message.info).toBeCalledWith('user.emptySelectedTexture')
 
   wrapper.setData({ selectedSkin: 1 })
   button.trigger('click')
@@ -255,7 +250,7 @@ test('submit applying texture', async () => {
     }
   )
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'ok' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('ok')
 })
 
 test('reset selected texture', () => {
diff --git a/resources/assets/tests/views/user/Dashboard.test.ts b/resources/assets/tests/views/user/Dashboard.test.ts
index 4a3b6603..269ae9a6 100644
--- a/resources/assets/tests/views/user/Dashboard.test.ts
+++ b/resources/assets/tests/views/user/Dashboard.test.ts
@@ -2,10 +2,6 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import Dashboard from '@/views/user/Dashboard.vue'
-import toastr from 'toastr'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 window.blessing.extra = { unverified: false }
 
@@ -124,8 +120,6 @@ test('remaining time', async () => {
 })
 
 test('sign', async () => {
-  jest.spyOn(toastr, 'warning')
-  swal.mockResolvedValue({})
   Vue.prototype.$http.get.mockResolvedValue(scoreInfo({
     user: { lastSignAt: Date.now() - 30 * 3600 * 1000 },
   }))
@@ -143,7 +137,7 @@ test('sign', async () => {
   button.trigger('click')
   await wrapper.vm.$nextTick()
   expect(Vue.prototype.$http.post).toBeCalledWith('/user/sign')
-  expect(toastr.warning).toBeCalledWith('1')
+  expect(Vue.prototype.$message.warning).toBeCalledWith('1')
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
diff --git a/resources/assets/tests/views/user/Players.test.ts b/resources/assets/tests/views/user/Players.test.ts
index 9a3f6fde..cc2f0ce6 100644
--- a/resources/assets/tests/views/user/Players.test.ts
+++ b/resources/assets/tests/views/user/Players.test.ts
@@ -1,11 +1,8 @@
 import Vue from 'vue'
 import { mount } from '@vue/test-utils'
+import { MessageBoxData } from 'element-ui/types/message-box'
 import { flushPromises } from '../../utils'
 import Players from '@/views/user/Players.vue'
-import { swal } from '@/js/notify'
-
-jest.mock('toastr')
-jest.mock('@/js/notify')
 
 window.blessing.extra = {
   rule: 'rule',
@@ -67,13 +64,13 @@ test('change player name', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1 })
     .mockResolvedValue({ errno: 0 })
-  swal.mockImplementationOnce(() => Promise.resolve({ dismiss: 1 }))
-    .mockImplementation(({ inputValidator }) => {
+  Vue.prototype.$prompt.mockImplementationOnce(() => Promise.reject('cancel'))
+    .mockImplementation((_, { inputValidator }) => {
       if (inputValidator) {
         inputValidator('')
         inputValidator('new-name')
       }
-      return Promise.resolve({ value: 'new-name' })
+      return Promise.resolve({ value: 'new-name' } as MessageBoxData)
     })
   const wrapper = mount(Players)
   await wrapper.vm.$nextTick()
@@ -122,8 +119,9 @@ test('delete player', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1 })
     .mockResolvedValue({ errno: 0 })
-  swal.mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce({})
+    .mockResolvedValue('confirm')
   const wrapper = mount(Players)
   await wrapper.vm.$nextTick()
   const button = wrapper.find('.btn-danger')
@@ -201,5 +199,5 @@ test('clear texture', async () => {
   )
   button.trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'ok' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('ok')
 })
diff --git a/resources/assets/tests/views/user/Profile.test.ts b/resources/assets/tests/views/user/Profile.test.ts
index 1f02e755..55f784e8 100644
--- a/resources/assets/tests/views/user/Profile.test.ts
+++ b/resources/assets/tests/views/user/Profile.test.ts
@@ -2,10 +2,6 @@ import Vue from 'vue'
 import { mount } from '@vue/test-utils'
 import { flushPromises } from '../../utils'
 import Profile from '@/views/user/Profile.vue'
-import toastr from 'toastr'
-import { swal } from '@/js/notify'
-
-jest.mock('@/js/notify')
 
 window.blessing.extra = { unverified: false }
 
@@ -24,10 +20,9 @@ test('convert linebreak', () => {
 })
 
 test('reset avatar', async () => {
-  jest.spyOn(toastr, 'success')
-  swal.mockResolvedValueOnce({})
-    .mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('close')
+    .mockResolvedValue('confirm')
   Vue.prototype.$http.post.mockResolvedValue({ msg: 'ok' })
   const wrapper = mount(Profile)
   const button = wrapper.find('[data-test=resetAvatar]')
@@ -43,36 +38,34 @@ test('reset avatar', async () => {
     { tid: 0 }
   )
   await flushPromises()
-  expect(toastr.success).toBeCalledWith('ok')
+  expect(Vue.prototype.$message.success).toBeCalledWith('ok')
   expect(document.querySelector('img')!.src).toMatch(/\d+$/)
 })
 
 test('change password', async () => {
-  jest.spyOn(toastr, 'info')
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: 'w' })
     .mockResolvedValueOnce({ errno: 0, msg: 'o' })
-  swal.mockResolvedValue({})
   const wrapper = mount(Profile)
   const button = wrapper.find('[data-test=changePassword]')
 
   button.trigger('click')
-  expect(toastr.info).toBeCalledWith('user.emptyPassword')
+  expect(Vue.prototype.$message.error).toBeCalledWith('user.emptyPassword')
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ oldPassword: '1' })
   button.trigger('click')
-  expect(toastr.info).toBeCalledWith('user.emptyNewPassword')
+  expect(Vue.prototype.$message.error).toBeCalledWith('user.emptyNewPassword')
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ newPassword: '1' })
   button.trigger('click')
-  expect(toastr.info).toBeCalledWith('auth.emptyConfirmPwd')
+  expect(Vue.prototype.$message.error).toBeCalledWith('auth.emptyConfirmPwd')
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ confirmPassword: '2' })
   button.trigger('click')
-  expect(toastr.info).toBeCalledWith('auth.invalidConfirmPwd')
+  expect(Vue.prototype.$message.error).toBeCalledWith('auth.invalidConfirmPwd')
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ confirmPassword: '1' })
@@ -82,36 +75,32 @@ test('change password', async () => {
     '/user/profile?action=password',
     { current_password: '1', new_password: '1' }
   )
-  expect(swal).toBeCalledWith({ type: 'warning', text: 'w' })
+  expect(Vue.prototype.$alert).toBeCalledWith('w', { type: 'warning' })
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'o' })
+  expect(Vue.prototype.$alert).toBeCalledWith('o')
 })
 
 test('change nickname', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: 'w' })
     .mockResolvedValue({ errno: 0, msg: 'o' })
-  swal.mockResolvedValueOnce({})
-    .mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('close')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Profile)
   const button = wrapper.find('[data-test=changeNickName]')
   document.body.innerHTML += '<span class="nickname"></span>'
 
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
-  expect(swal).toBeCalledWith({ type: 'error', text: 'user.emptyNewNickName' })
+  expect(Vue.prototype.$alert).toBeCalledWith('user.emptyNewNickName', { type: 'error' })
 
   wrapper.setData({ nickname: 'nickname' })
   button.trigger('click')
   expect(Vue.prototype.$http.post).not.toBeCalled()
-  expect(swal).toBeCalledWith({
-    text: 'user.changeNickName',
-    type: 'question',
-    showCancelButton: true,
-  })
+  expect(Vue.prototype.$confirm).toBeCalledWith('user.changeNickName')
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
@@ -120,11 +109,11 @@ test('change nickname', async () => {
     { new_nickname: 'nickname' }
   )
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'warning', text: 'w' })
+  expect(Vue.prototype.$alert).toBeCalledWith('w', { type: 'warning' })
 
   button.trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'o' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('o')
   expect(document.querySelector('.nickname')!.textContent).toBe('nickname')
 })
 
@@ -132,29 +121,24 @@ test('change email', async () => {
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: 'w' })
     .mockResolvedValue({ errno: 0, msg: 'o' })
-  swal.mockResolvedValueOnce({})
-    .mockResolvedValueOnce({})
-    .mockResolvedValueOnce({ dismiss: 1 })
-    .mockResolvedValue({})
+  Vue.prototype.$confirm
+    .mockRejectedValueOnce('close')
+    .mockResolvedValue('confirm')
   const wrapper = mount(Profile)
   const button = wrapper.find('[data-test=changeEmail]')
 
   button.trigger('click')
-  expect(swal).toBeCalledWith({ type: 'error', text: 'user.emptyNewEmail' })
+  expect(Vue.prototype.$alert).toBeCalledWith('user.emptyNewEmail', { type: 'error' })
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ email: 'e' })
   button.trigger('click')
-  expect(swal).toBeCalledWith({ type: 'warning', text: 'auth.invalidEmail' })
+  expect(Vue.prototype.$alert).toBeCalledWith('auth.invalidEmail', { type: 'warning' })
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ email: 'a@b.c', currentPassword: 'abc' })
   button.trigger('click')
-  expect(swal).toBeCalledWith({
-    text: 'user.changeEmail',
-    type: 'question',
-    showCancelButton: true,
-  })
+  expect(Vue.prototype.$confirm).toBeCalledWith('user.changeEmail')
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   button.trigger('click')
@@ -164,16 +148,15 @@ test('change email', async () => {
     { new_email: 'a@b.c', password: 'abc' }
   )
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'warning', text: 'w' })
+  expect(Vue.prototype.$alert).toBeCalledWith('w', { type: 'warning' })
 
   button.trigger('click')
   await flushPromises()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'o' })
+  expect(Vue.prototype.$message.success).toBeCalledWith('o')
 })
 
 test('delete account', async () => {
   window.blessing.extra = { admin: true }
-  swal.mockResolvedValue({})
   Vue.prototype.$http.post
     .mockResolvedValueOnce({ errno: 1, msg: 'w' })
     .mockResolvedValue({ errno: 0, msg: 'o' })
@@ -181,7 +164,7 @@ test('delete account', async () => {
   const button = wrapper.find('[data-test=deleteAccount]')
 
   button.trigger('click')
-  expect(swal).toBeCalledWith({ type: 'warning', text: 'user.emptyDeletePassword' })
+  expect(Vue.prototype.$alert).toBeCalledWith('user.emptyDeletePassword', { type: 'error' })
   expect(Vue.prototype.$http.post).not.toBeCalled()
 
   wrapper.setData({ deleteConfirm: 'abc' })
@@ -191,9 +174,9 @@ test('delete account', async () => {
     { password: 'abc' }
   )
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'warning', text: 'w' })
+  expect(Vue.prototype.$alert).toBeCalledWith('w', { type: 'warning' })
 
   button.trigger('click')
   await wrapper.vm.$nextTick()
-  expect(swal).toBeCalledWith({ type: 'success', text: 'o' })
+  expect(Vue.prototype.$alert).toBeCalledWith('o', { type: 'success' })
 })
diff --git a/resources/views/common/dependencies/style.blade.php b/resources/views/common/dependencies/style.blade.php
index 7129f8c5..a4997964 100644
--- a/resources/views/common/dependencies/style.blade.php
+++ b/resources/views/common/dependencies/style.blade.php
@@ -1,4 +1,7 @@
 <!-- Bundled styles -->
+@if (app()->environment('development'))
+    <script src="{{ webpack_assets('style.js') }}"></script>
+@endif
 <link rel="stylesheet" href="{{ webpack_assets('style.css') }}">
 <!-- AdminLTE color scheme -->
 <link rel="stylesheet" href="{{ webpack_assets('skins/'.option('color_scheme').'.min.css') }}">
diff --git a/webpack.config.js b/webpack.config.js
index 653aa76e..65b9e1a0 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -15,12 +15,12 @@ const config = {
     style: [
       'bootstrap/dist/css/bootstrap.min.css',
       'admin-lte/dist/css/AdminLTE.min.css',
+      'element-ui/lib/theme-chalk/base.css',
+      './resources/assets/src/element.scss',
       '@fortawesome/fontawesome-free/css/fontawesome.min.css',
       '@fortawesome/fontawesome-free/css/regular.min.css',
       '@fortawesome/fontawesome-free/css/solid.min.css',
       'icheck/skins/square/blue.css',
-      'toastr/build/toastr.min.css',
-      'sweetalert2/dist/sweetalert2.min.css',
       './resources/assets/src/stylus/common.styl',
     ],
     setup: './resources/assets/src/stylus/setup.styl',
@@ -54,11 +54,12 @@ const config = {
         ],
       },
       {
-        test: /node_modules.*\.css$/,
+        test: /((node_modules.*)|element)\.(sa|sc|c)ss$/,
         use: [
-          MiniCssExtractPlugin.loader,
-          { loader: 'css-loader', options: { importLoaders: 1 } },
-          'csso-loader?-comments',
+          devMode ? 'style-loader?hmr=true' : MiniCssExtractPlugin.loader,
+          { loader: 'css-loader', options: { importLoaders: 2 } },
+          'postcss-loader',
+          'sass-loader',
         ],
       },
       {
@@ -84,7 +85,7 @@ const config = {
       },
       {
         test: /\.(svg|woff2?|eot|ttf)$/,
-        loader: 'file-loader',
+        loader: devMode ? 'url-loader' : 'file-loader',
       },
       {
         test: require.resolve('jquery'),
diff --git a/yarn.lock b/yarn.lock
index aab110d4..318e6da1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -298,7 +298,8 @@
 
 "@babel/plugin-proposal-optional-catch-binding@^7.2.0":
   version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.2.0.tgz#135d81edb68a081e55e56ec48541ece8065c38f5"
+  resolved "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.2.0.tgz#135d81edb68a081e55e56ec48541ece8065c38f5"
+  integrity sha512-mgYj3jCcxug6KUcX4OBoOJz3CMrwRfQELPQ5560F70YQUBZB7uac9fqaWamKR1iWUzGiK2t0ygzjTScZnVz75g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
@@ -963,13 +964,6 @@
   dependencies:
     "@types/jest-diff" "*"
 
-"@types/jquery@*":
-  version "3.3.29"
-  resolved "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.29.tgz#680a2219ce3c9250483722fccf5570d1e2d08abd"
-  integrity sha512-FhJvBninYD36v3k6c+bVk1DSZwh7B5Dpb/Pyk3HKVsiohn0nhbefZZ+3JXbWQhFyt0MxSl2jRDdGQPHeOHFXrQ==
-  dependencies:
-    "@types/sizzle" "*"
-
 "@types/jquery@^3.3.9":
   version "3.3.9"
   resolved "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.9.tgz#91f2aaf5c1e91fd79598fc00ecb4504d78b51fd7"
@@ -979,11 +973,6 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-11.11.3.tgz#7c6b0f8eaf16ae530795de2ad1b85d34bf2f5c58"
   integrity sha512-wp6IOGu1lxsfnrD+5mX6qwSwWuqsdkKKxTN4aQc4wByHAKZJf9/D4KXPQ1POUjEbnCP5LMggB0OEFNY9OTsMqg==
 
-"@types/sizzle@*":
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.2.tgz#a811b8c18e2babab7d542b3365887ae2e4d9de47"
-  integrity sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg==
-
 "@types/stack-utils@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
@@ -994,13 +983,6 @@
   resolved "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.4.tgz#b4ffc7dc97b498c969b360a41eee247f82616370"
   integrity sha512-78AdXtlhpCHT0K3EytMpn4JNxaf5tbqbLcbIRoQIHzpTIyjpxLQKRoxU55ujBXAtg3Nl2h/XWvfDa9dsMOd0pQ==
 
-"@types/toastr@^2.1.36":
-  version "2.1.36"
-  resolved "https://registry.npmjs.org/@types/toastr/-/toastr-2.1.36.tgz#6b692ec384147324cffe13892e9e5b26bd1e69e7"
-  integrity sha512-mz4eBVCNrH0AyGpt+6DLl/xE+CPrSqMfQs/cMTAGJl8W9W375DNOTYOon1GsuSJqVU1QqZ4jCuARzo4TNQNrDg==
-  dependencies:
-    "@types/jquery" "*"
-
 "@types/uglify-js@*":
   version "3.0.4"
   resolved "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.0.4.tgz#96beae23df6f561862a830b4288a49e86baac082"
@@ -1403,6 +1385,11 @@ ansi-regex@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.0.0.tgz#70de791edf021404c3fd615aa89118ae0432e5a9"
 
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
+
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -1469,6 +1456,11 @@ array-filter@~0.0.0:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
 
+array-find-index@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
+  integrity sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=
+
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
@@ -1550,10 +1542,22 @@ async-each@^1.0.0, async-each@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
 
+async-foreach@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542"
+  integrity sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=
+
 async-limiter@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
 
+async-validator@~1.8.1:
+  version "1.8.5"
+  resolved "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz#dc3e08ec1fd0dddb67e60842f02c0cd1cec6d7f0"
+  integrity sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==
+  dependencies:
+    babel-runtime "6.x"
+
 async@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
@@ -1610,6 +1614,11 @@ babel-eslint@^10.0.1:
     eslint-scope "3.7.1"
     eslint-visitor-keys "^1.0.0"
 
+babel-helper-vue-jsx-merge-props@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz#22aebd3b33902328e513293a8e4992b384f9f1b6"
+  integrity sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==
+
 babel-jest@^24.5.0:
   version "24.5.0"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.5.0.tgz#0ea042789810c2bec9065f7c8ab4dc18e1d28559"
@@ -1661,6 +1670,14 @@ babel-preset-jest@^24.3.0:
     "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
     babel-plugin-jest-hoist "^24.3.0"
 
+babel-runtime@6.x:
+  version "6.26.0"
+  resolved "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
+  integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
+  dependencies:
+    core-js "^2.4.0"
+    regenerator-runtime "^0.11.0"
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -1704,6 +1721,13 @@ binary-extensions@^1.0.0:
   version "1.11.0"
   resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.11.0.tgz#46aa1751fb6a2f93ee5e689bb1087d4b14c6c205"
 
+block-stream@*:
+  version "0.0.9"
+  resolved "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+  integrity sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=
+  dependencies:
+    inherits "~2.0.0"
+
 bluebird@^3.1.1, bluebird@^3.5.1:
   version "3.5.2"
   resolved "https://registry.npmjs.org/bluebird/-/bluebird-3.5.2.tgz#1be0908e054a751754549c270489c1505d4ab15a"
@@ -2099,6 +2123,24 @@ callsites@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.0.0.tgz#fb7eb569b72ad7a45812f93fd9430a3e410b3dd3"
 
+camelcase-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
+  integrity sha1-MIvur/3ygRkFHvodkyITyRuPkuc=
+  dependencies:
+    camelcase "^2.0.0"
+    map-obj "^1.0.0"
+
+camelcase@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
+  integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
+
+camelcase@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
+  integrity sha1-MvxLn82vhF/N9+c7uXysImHwqwo=
+
 camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
@@ -2140,6 +2182,17 @@ caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
 
+chalk@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.2, chalk@^2.4.1:
   version "2.4.1"
   resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz#18c49ab16a037b6eb0152cc83e3471338215b66e"
@@ -2264,6 +2317,15 @@ cli-width@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
 
+cliui@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
+  integrity sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wrap-ansi "^2.0.0"
+
 cliui@^4.0.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz#348422dbe82d800b3022eef4f6ac10bf2e4d1b49"
@@ -2272,6 +2334,16 @@ cliui@^4.0.0:
     strip-ansi "^4.0.0"
     wrap-ansi "^2.0.0"
 
+clone-deep@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/clone-deep/-/clone-deep-2.0.2.tgz#00db3a1e173656730d1188c3d6aced6d7ea97713"
+  integrity sha512-SZegPTKjCgpQH63E+eN6mVEEPdQBOUzjyJm5Pora4lrwWRFS8I0QAxV/KD6vV/i0WuijHZWQC1fMsPEdxfdVCQ==
+  dependencies:
+    for-own "^1.0.0"
+    is-plain-object "^2.0.4"
+    kind-of "^6.0.0"
+    shallow-clone "^1.0.0"
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.npmjs.org/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -2532,6 +2604,11 @@ copy-webpack-plugin@^5.0.1:
     serialize-javascript "^1.4.0"
     webpack-log "^2.0.0"
 
+core-js@^2.4.0:
+  version "2.6.5"
+  resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.5.tgz#44bc8d249e7fb2ff5d00e0341a7ffb94fbf67895"
+  integrity sha512-klh/kDpwX8hryYL14M9w/xei6vrv6sE8gTHDG7/T/+SEovB/G4ejwcfE/CBzO6Edsu+OETZMZ3wcX/EjUkrl5A==
+
 core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@@ -2581,6 +2658,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+cross-spawn@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982"
+  integrity sha1-ElYDfsufDF9549bvE14wdwGEuYI=
+  dependencies:
+    lru-cache "^4.0.1"
+    which "^1.2.9"
+
 cross-spawn@^6.0.0, cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -2786,6 +2871,13 @@ cssstyle@^1.0.0:
   dependencies:
     cssom "0.3.x"
 
+currently-unhandled@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
+  integrity sha1-mI3zP+qxke95mmE2nddsF635V+o=
+  dependencies:
+    array-find-index "^1.0.1"
+
 cyclist@~0.2.2:
   version "0.2.2"
   resolved "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz#1b33792e11e914a2fd6d6ed6447464444e5fa640"
@@ -2860,7 +2952,7 @@ debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
   dependencies:
     ms "^2.1.1"
 
-decamelize@^1.2.0:
+decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
 
@@ -2886,6 +2978,11 @@ deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
 
+deepmerge@^1.2.0:
+  version "1.5.2"
+  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
+  integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
+
 default-gateway@^4.0.1:
   version "4.2.0"
   resolved "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
@@ -3158,6 +3255,23 @@ electron-to-chromium@^1.3.62:
   version "1.3.63"
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.63.tgz#6485f5f4f3375358aa8fa23c2029ada208483b8d"
 
+element-theme-chalk@^2.6.3:
+  version "2.6.3"
+  resolved "https://registry.npmjs.org/element-theme-chalk/-/element-theme-chalk-2.6.3.tgz#6cd57345cfb449841ec96d4da415fd314e2ceb7b"
+  integrity sha512-+OxV3BIk6fYSRuGhP48JWcCdLn58L8cjxesMSzYkW7IsPq2o9rdv19PiRSv1zLW4wgb1Gj/WUz8SHAGNWJicgQ==
+
+element-ui@^2.6.3:
+  version "2.6.3"
+  resolved "https://registry.npmjs.org/element-ui/-/element-ui-2.6.3.tgz#e5c87ca3cdc988586320c826872720a8cdc7db44"
+  integrity sha512-vV2HfFkCH8KhxunSBFLnA+/jJY3UxMMbhBjiHoO3pZOX/8OQ8QbeatAnjBFDu6dRRGb0DGERUtY2WBeVYegs/A==
+  dependencies:
+    async-validator "~1.8.1"
+    babel-helper-vue-jsx-merge-props "^2.0.0"
+    deepmerge "^1.2.0"
+    normalize-wheel "^1.0.1"
+    resize-observer-polyfill "^1.5.0"
+    throttle-debounce "^1.0.1"
+
 elliptic@^6.0.0:
   version "6.4.1"
   resolved "https://registry.npmjs.org/elliptic/-/elliptic-6.4.1.tgz#c2d0b7776911b86722c632c3c06c60f2f819939a"
@@ -3234,7 +3348,7 @@ escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
 
-escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
 
@@ -3767,6 +3881,14 @@ find-cache-dir@^2.0.0:
     make-dir "^1.0.0"
     pkg-dir "^3.0.0"
 
+find-up@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
+  integrity sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=
+  dependencies:
+    path-exists "^2.0.0"
+    pinkie-promise "^2.0.0"
+
 find-up@^2.0.0, find-up@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
@@ -3824,6 +3946,11 @@ font-awesome@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
 
+for-in@^0.1.3:
+  version "0.1.8"
+  resolved "https://registry.npmjs.org/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
+  integrity sha1-2Hc5COMSVhCZUrH9ubP6hn0ndeE=
+
 for-in@^1.0.1, for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -3834,6 +3961,13 @@ for-own@^0.1.4:
   dependencies:
     for-in "^1.0.1"
 
+for-own@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz#c63332f415cedc4b04dbfe70cf836494c53cb44b"
+  integrity sha1-xjMy9BXO3EsE2/5wz4NklMU8tEs=
+  dependencies:
+    for-in "^1.0.1"
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -3901,6 +4035,16 @@ fsevents@^1.2.7:
     nan "^2.9.2"
     node-pre-gyp "^0.10.0"
 
+fstream@^1.0.0, fstream@^1.0.2:
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz#5c1fb1f117477114f0632a0eb4b71b3cb0fd3171"
+  integrity sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE=
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
 fullcalendar@^3.10.0:
   version "3.10.0"
   resolved "https://registry.npmjs.org/fullcalendar/-/fullcalendar-3.10.0.tgz#cc5e87d518fd6550e142816a31dd191664847919"
@@ -3927,10 +4071,22 @@ gauge@~2.7.3:
     strip-ansi "^3.0.1"
     wide-align "^1.1.0"
 
+gaze@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz#c441733e13b927ac8c0ff0b4c3b033f28812924a"
+  integrity sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==
+  dependencies:
+    globule "^1.0.0"
+
 get-caller-file@^1.0.1:
   version "1.0.3"
   resolved "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
 
+get-stdin@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
+  integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
+
 get-stream@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/get-stream/-/get-stream-4.0.0.tgz#9e074cb898bd2b9ebabb445a1766d7f43576d977"
@@ -3978,7 +4134,7 @@ glob@7.0.x:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@~7.1.1:
   version "7.1.3"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
   dependencies:
@@ -4046,6 +4202,15 @@ globby@^7.1.1:
     pify "^3.0.0"
     slash "^1.0.0"
 
+globule@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz#5dffb1b191f22d20797a9369b49eab4e9839696d"
+  integrity sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==
+  dependencies:
+    glob "~7.1.1"
+    lodash "~4.17.10"
+    minimatch "~3.0.2"
+
 graceful-fs@^4.1.11, graceful-fs@^4.1.2:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
@@ -4084,6 +4249,13 @@ har-validator@~5.1.0:
     ajv "^5.3.0"
     har-schema "^2.0.0"
 
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
+  dependencies:
+    ansi-regex "^2.0.0"
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -4344,6 +4516,18 @@ imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
 
+in-publish@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz#e20ff5e3a2afc2690320b6dc552682a9c7fadf51"
+  integrity sha1-4g/146KvwmkDILbcVSaCqcf631E=
+
+indent-string@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
+  integrity sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=
+  dependencies:
+    repeating "^2.0.0"
+
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
@@ -4359,7 +4543,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.3"
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
 
@@ -4431,6 +4615,11 @@ invariant@^2.2.2, invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
+invert-kv@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
+  integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
+
 invert-kv@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-2.0.0.tgz#7393f5afa59ec9ff5f67a27620d11c226e3eec02"
@@ -4590,6 +4779,13 @@ is-extglob@^2.1.0, is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
 
+is-finite@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  integrity sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=
+  dependencies:
+    number-is-nan "^1.0.0"
+
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
@@ -4706,6 +4902,11 @@ is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
 
+is-utf8@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
+  integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
+
 is-windows@^1.0.1, is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
@@ -5222,10 +5423,15 @@ jquery-ui@^1.12.1:
   version "1.12.1"
   resolved "https://registry.yarnpkg.com/jquery-ui/-/jquery-ui-1.12.1.tgz#bcb4045c8dd0539c134bc1488cdd3e768a7a9e51"
 
-jquery@>=1.10, jquery@>=1.12.0, jquery@>=1.5, jquery@>=1.7, "jquery@>=1.7.1 <4.0.0", jquery@>=1.8, jquery@^3.2.1, jquery@^3.3.1:
+jquery@>=1.10, jquery@>=1.5, jquery@>=1.7, "jquery@>=1.7.1 <4.0.0", jquery@>=1.8, jquery@^3.2.1, jquery@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca"
 
+js-base64@^2.1.8:
+  version "2.5.1"
+  resolved "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121"
+  integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==
+
 js-levenshtein@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.3.tgz#3ef627df48ec8cf24bacf05c0f184ff30ef413c5"
@@ -5413,6 +5619,13 @@ labeled-stream-splicer@^2.0.0:
     isarray "~0.0.1"
     stream-splicer "^2.0.0"
 
+lcid@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
+  integrity sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=
+  dependencies:
+    invert-kv "^1.0.0"
+
 lcid@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-2.0.0.tgz#6ef5d2df60e52f82eb228a4c373e8d1f397253cf"
@@ -5440,6 +5653,17 @@ lexical-scope@^1.2.0:
   dependencies:
     astw "^2.0.0"
 
+load-json-file@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
+  integrity sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    strip-bom "^2.0.0"
+
 load-json-file@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
@@ -5463,6 +5687,14 @@ loader-runner@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npmjs.org/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2"
 
+loader-utils@^1.0.1, loader-utils@^1.2.1:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^2.0.0"
+    json5 "^1.0.1"
+
 loader-utils@^1.0.2, loader-utils@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
@@ -5471,14 +5703,6 @@ loader-utils@^1.0.2, loader-utils@^1.1.0:
     emojis-list "^2.0.0"
     json5 "^0.5.0"
 
-loader-utils@^1.2.1:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^2.0.0"
-    json5 "^1.0.1"
-
 locate-path@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
@@ -5497,7 +5721,7 @@ lodash.assign@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
 
-lodash.clonedeep@^4.5.0:
+lodash.clonedeep@^4.3.2, lodash.clonedeep@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
 
@@ -5525,10 +5749,20 @@ lodash.memoize@~3.0.3:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-3.0.4.tgz#2dcbd2c287cbc0a55cc42328bd0c736150d53e3f"
 
+lodash.mergewith@^4.6.0:
+  version "4.6.1"
+  resolved "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz#639057e726c3afbdb3e7d42741caa8d6e4335927"
+  integrity sha512-eWw5r+PYICtEBgrBE5hhlT6aAa75f411bgDz/ZL2KZqYV03USvucsxcHUIlGTDTECs1eunpI7HOV7U+WLDvNdQ==
+
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
 
+lodash.tail@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/lodash.tail/-/lodash.tail-4.1.1.tgz#d2333a36d9e7717c8ad2f7cacafec7c32b444664"
+  integrity sha1-0jM6NtnncXyK0vfKyv7HwytERmQ=
+
 lodash.unescape@4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/lodash.unescape/-/lodash.unescape-4.0.1.tgz#bf2249886ce514cda112fae9218cdc065211fc9c"
@@ -5538,14 +5772,14 @@ lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
 
+lodash@^4.0.0, lodash@^4.17.11, lodash@~4.17.10:
+  version "4.17.11"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
+
 lodash@^4.13.1, lodash@^4.17.10, lodash@^4.17.4:
   version "4.17.10"
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
 
-lodash@^4.17.11:
-  version "4.17.11"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
-
 log-symbols@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
@@ -5563,6 +5797,22 @@ loose-envify@^1.0.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
+loud-rejection@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
+  integrity sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=
+  dependencies:
+    currently-unhandled "^0.4.1"
+    signal-exit "^3.0.0"
+
+lru-cache@^4.0.1:
+  version "4.1.5"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
+  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
+  dependencies:
+    pseudomap "^1.0.2"
+    yallist "^2.1.2"
+
 lru-cache@^4.1.2, lru-cache@^4.1.3:
   version "4.1.3"
   resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz#a1175cf3496dfc8436c156c334b4955992bce69c"
@@ -5609,6 +5859,11 @@ map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
 
+map-obj@^1.0.0, map-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
+  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
+
 map-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
@@ -5653,6 +5908,22 @@ memory-fs@^0.4.0, memory-fs@^0.4.1, memory-fs@~0.4.1:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
+meow@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
+  integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=
+  dependencies:
+    camelcase-keys "^2.0.0"
+    decamelize "^1.1.2"
+    loud-rejection "^1.0.0"
+    map-obj "^1.0.1"
+    minimist "^1.1.3"
+    normalize-package-data "^2.3.4"
+    object-assign "^4.0.1"
+    read-pkg-up "^1.0.1"
+    redent "^1.0.0"
+    trim-newlines "^1.0.0"
+
 merge-descriptors@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
@@ -5781,7 +6052,7 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
 
-minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
+minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@~3.0.2:
   version "3.0.4"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   dependencies:
@@ -5791,7 +6062,7 @@ minimist@0.0.8:
   version "0.0.8"
   resolved "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0:
+minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
@@ -5834,7 +6105,15 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@0.5.x, mkdirp@0.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
+mixin-object@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/mixin-object/-/mixin-object-2.0.1.tgz#4fb949441dab182540f1fe035ba60e1947a5e57e"
+  integrity sha1-T7lJRB2rGCVA8f4DW6YOGUel5X4=
+  dependencies:
+    for-in "^0.1.3"
+    is-extendable "^0.1.1"
+
+mkdirp@0.5.x, mkdirp@0.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
   version "0.5.1"
   resolved "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
   dependencies:
@@ -5909,6 +6188,11 @@ mute-stream@0.0.7:
   version "0.0.7"
   resolved "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
 
+nan@^2.10.0:
+  version "2.13.2"
+  resolved "https://registry.npmjs.org/nan/-/nan-2.13.2.tgz#f51dc7ae66ba7d5d55e1e6d4d8092e802c9aefe7"
+  integrity sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==
+
 nan@^2.9.2:
   version "2.11.0"
   resolved "https://registry.npmjs.org/nan/-/nan-2.11.0.tgz#574e360e4d954ab16966ec102c0c049fd961a099"
@@ -5962,6 +6246,24 @@ node-forge@0.7.5:
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.5.tgz#6c152c345ce11c52f465c2abd957e8639cd674df"
   integrity sha512-MmbQJ2MTESTjt3Gi/3yG1wGpIMhUfcIypUCGtTizFR9IiccFwxSpfp0vtIZlkFclEqERemxfnSdZEMR9VqqEFQ==
 
+node-gyp@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz#540304261c330e80d0d5edce253a68cb3964218c"
+  integrity sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==
+  dependencies:
+    fstream "^1.0.0"
+    glob "^7.0.3"
+    graceful-fs "^4.1.2"
+    mkdirp "^0.5.0"
+    nopt "2 || 3"
+    npmlog "0 || 1 || 2 || 3 || 4"
+    osenv "0"
+    request "^2.87.0"
+    rimraf "2"
+    semver "~5.3.0"
+    tar "^2.0.0"
+    which "1"
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -6041,6 +6343,38 @@ node-releases@^1.1.8:
   dependencies:
     semver "^5.3.0"
 
+node-sass@^4.11.0:
+  version "4.11.0"
+  resolved "https://registry.npmjs.org/node-sass/-/node-sass-4.11.0.tgz#183faec398e9cbe93ba43362e2768ca988a6369a"
+  integrity sha512-bHUdHTphgQJZaF1LASx0kAviPH7sGlcyNhWade4eVIpFp6tsn7SV8xNMTbsQFpEV9VXpnwTTnNYlfsZXgGgmkA==
+  dependencies:
+    async-foreach "^0.1.3"
+    chalk "^1.1.1"
+    cross-spawn "^3.0.0"
+    gaze "^1.0.0"
+    get-stdin "^4.0.1"
+    glob "^7.0.3"
+    in-publish "^2.0.0"
+    lodash.assign "^4.2.0"
+    lodash.clonedeep "^4.3.2"
+    lodash.mergewith "^4.6.0"
+    meow "^3.7.0"
+    mkdirp "^0.5.1"
+    nan "^2.10.0"
+    node-gyp "^3.8.0"
+    npmlog "^4.0.0"
+    request "^2.88.0"
+    sass-graph "^2.2.4"
+    stdout-stream "^1.4.0"
+    "true-case-path" "^1.0.2"
+
+"nopt@2 || 3":
+  version "3.0.6"
+  resolved "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
+  integrity sha1-xkZdvwirzU2zWTF/eaxopkayj/k=
+  dependencies:
+    abbrev "1"
+
 nopt@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npmjs.org/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
@@ -6057,6 +6391,16 @@ normalize-package-data@^2.3.2:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
+normalize-package-data@^2.3.4:
+  version "2.5.0"
+  resolved "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
+  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
+  dependencies:
+    hosted-git-info "^2.1.4"
+    resolve "^1.10.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
 normalize-path@^2.0.1, normalize-path@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
@@ -6075,6 +6419,11 @@ normalize-url@^3.0.0:
   version "3.3.0"
   resolved "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
 
+normalize-wheel@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz#aec886affdb045070d856447df62ecf86146ec45"
+  integrity sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU=
+
 npm-bundled@^1.0.1:
   version "1.0.5"
   resolved "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.5.tgz#3c1732b7ba936b3a10325aef616467c0ccbcc979"
@@ -6092,7 +6441,7 @@ npm-run-path@^2.0.0:
   dependencies:
     path-key "^2.0.0"
 
-npmlog@^4.0.2:
+"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0, npmlog@^4.0.2:
   version "4.1.2"
   resolved "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
   dependencies:
@@ -6250,6 +6599,13 @@ os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
 
+os-locale@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
+  integrity sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=
+  dependencies:
+    lcid "^1.0.0"
+
 os-locale@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.1.0.tgz#a802a6ee17f24c10483ab9935719cef4ed16bf1a"
@@ -6262,7 +6618,7 @@ os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
 
-osenv@^0.1.4:
+osenv@0, osenv@^0.1.4:
   version "0.1.5"
   resolved "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
   dependencies:
@@ -6422,6 +6778,13 @@ path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
 
+path-exists@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
+  integrity sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=
+  dependencies:
+    pinkie-promise "^2.0.0"
+
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
@@ -6450,6 +6813,15 @@ path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
 
+path-type@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
+  integrity sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=
+  dependencies:
+    graceful-fs "^4.1.2"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
 path-type@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
@@ -7063,6 +7435,14 @@ read-only-stream@^2.0.0:
   dependencies:
     readable-stream "^2.0.2"
 
+read-pkg-up@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
+  integrity sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=
+  dependencies:
+    find-up "^1.0.0"
+    read-pkg "^1.0.0"
+
 read-pkg-up@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
@@ -7078,6 +7458,15 @@ read-pkg-up@^4.0.0:
     find-up "^3.0.0"
     read-pkg "^3.0.0"
 
+read-pkg@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
+  integrity sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=
+  dependencies:
+    load-json-file "^1.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^1.0.0"
+
 read-pkg@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
@@ -7152,6 +7541,14 @@ realpath-native@^1.1.0:
   dependencies:
     util.promisify "^1.0.0"
 
+redent@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
+  integrity sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=
+  dependencies:
+    indent-string "^2.1.0"
+    strip-indent "^1.0.1"
+
 regenerate-unicode-properties@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-7.0.0.tgz#107405afcc4a190ec5ed450ecaa00ed0cafa7a4c"
@@ -7162,6 +7559,11 @@ regenerate@^1.2.1, regenerate@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
 
+regenerator-runtime@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
+  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
+
 regenerator-runtime@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.0.tgz#8052ac952d85b10f3425192cd0c53f45cf65c6cb"
@@ -7245,6 +7647,13 @@ repeat-string@^1.5.2, repeat-string@^1.6.1:
   version "1.6.1"
   resolved "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
 
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=
+  dependencies:
+    is-finite "^1.0.0"
+
 request-promise-core@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.1.tgz#3eee00b2c5aa83239cfb04c5700da36f81cd08b6"
@@ -7259,7 +7668,7 @@ request-promise-native@^1.0.5:
     stealthy-require "^1.1.0"
     tough-cookie ">=2.3.3"
 
-request@^2.87.0:
+request@^2.87.0, request@^2.88.0:
   version "2.88.0"
   resolved "https://registry.npmjs.org/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
   dependencies:
@@ -7306,6 +7715,11 @@ requires-port@^1.0.0:
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
 
+resize-observer-polyfill@^1.5.0:
+  version "1.5.1"
+  resolved "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -7336,7 +7750,7 @@ resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
 
-resolve@1.x, resolve@^1.5.0, resolve@^1.9.0:
+resolve@1.x, resolve@^1.10.0, resolve@^1.5.0, resolve@^1.9.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.10.0.tgz#3bdaaeaf45cc07f375656dfd2e54ed0810b101ba"
   integrity sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==
@@ -7374,7 +7788,7 @@ rgba-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
 
-rimraf@2.6.3, rimraf@^2.2.8, rimraf@^2.6.3:
+rimraf@2, rimraf@2.6.3, rimraf@^2.2.8, rimraf@^2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
   dependencies:
@@ -7445,6 +7859,28 @@ sane@^4.0.3:
     minimist "^1.1.1"
     walker "~1.0.5"
 
+sass-graph@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.4.tgz#13fbd63cd1caf0908b9fd93476ad43a51d1e0b49"
+  integrity sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=
+  dependencies:
+    glob "^7.0.0"
+    lodash "^4.0.0"
+    scss-tokenizer "^0.2.3"
+    yargs "^7.0.0"
+
+sass-loader@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/sass-loader/-/sass-loader-7.1.0.tgz#16fd5138cb8b424bf8a759528a1972d72aad069d"
+  integrity sha512-+G+BKGglmZM2GUSfT9TLuEp6tzehHPjAMoRRItOojWIqIGPloVCMhNIQuG639eJ+y033PaGTSjLaTHts8Kw79w==
+  dependencies:
+    clone-deep "^2.0.1"
+    loader-utils "^1.0.1"
+    lodash.tail "^4.1.1"
+    neo-async "^2.5.0"
+    pify "^3.0.0"
+    semver "^5.5.0"
+
 sax@0.5.x:
   version "0.5.8"
   resolved "https://registry.npmjs.org/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1"
@@ -7461,6 +7897,14 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
+scss-tokenizer@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
+  integrity sha1-jrBtualyMzOCTT9VMGQRSYR85dE=
+  dependencies:
+    js-base64 "^2.1.8"
+    source-map "^0.4.2"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -7494,6 +7938,11 @@ semver@^5.5, semver@^5.6.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
   integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
 
+semver@~5.3.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
+  integrity sha1-myzl094C0XxgEq0yaqa00M9U+U8=
+
 send@0.16.2:
   version "0.16.2"
   resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1"
@@ -7586,6 +8035,15 @@ sha.js@~2.4.4:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
+shallow-clone@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/shallow-clone/-/shallow-clone-1.0.0.tgz#4480cd06e882ef68b2ad88a3ea54832e2c48b571"
+  integrity sha512-oeXreoKR/SyNJtRJMAKPDSvd28OqEwG4eR/xc856cRGBII7gX9lvAqDxusPm0846z/w/hWYjI1NpKwJ00NHzRA==
+  dependencies:
+    is-extendable "^0.1.1"
+    kind-of "^5.0.0"
+    mixin-object "^2.0.1"
+
 shasum@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/shasum/-/shasum-1.0.2.tgz#e7012310d8f417f4deb5712150e5678b87ae565f"
@@ -7739,6 +8197,13 @@ source-map@0.1.x, source-map@^0.1.38:
   dependencies:
     amdefine ">=0.0.4"
 
+source-map@^0.4.2:
+  version "0.4.4"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+  integrity sha1-66T12pwNyZneaAMti092FzZSA2s=
+  dependencies:
+    amdefine ">=0.0.4"
+
 source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.3:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -7853,6 +8318,13 @@ std-env@^2.2.1:
   dependencies:
     ci-info "^1.6.0"
 
+stdout-stream@^1.4.0:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de"
+  integrity sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==
+  dependencies:
+    readable-stream "^2.0.1"
+
 stealthy-require@^1.1.0:
   version "1.1.1"
   resolved "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
@@ -7916,7 +8388,7 @@ string-length@^2.0.0:
     astral-regex "^1.0.0"
     strip-ansi "^4.0.0"
 
-string-width@^1.0.1:
+string-width@^1.0.1, string-width@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
   dependencies:
@@ -7980,6 +8452,13 @@ strip-ansi@^5.0.0:
   dependencies:
     ansi-regex "^4.0.0"
 
+strip-bom@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
+  integrity sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=
+  dependencies:
+    is-utf8 "^0.2.0"
+
 strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -7988,13 +8467,21 @@ strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
 
+strip-indent@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
+  integrity sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=
+  dependencies:
+    get-stdin "^4.0.1"
+
 strip-json-comments@^2.0.1, strip-json-comments@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
 
 style-loader@^0.23.1:
   version "0.23.1"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.23.1.tgz#cb9154606f3e771ab6c4ab637026a1049174d925"
+  resolved "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz#cb9154606f3e771ab6c4ab637026a1049174d925"
+  integrity sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==
   dependencies:
     loader-utils "^1.1.0"
     schema-utils "^1.0.0"
@@ -8032,6 +8519,11 @@ subarg@^1.0.0:
   dependencies:
     minimist "^1.1.0"
 
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
+
 supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0:
   version "5.5.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -8063,11 +8555,6 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-sweetalert2@^8.4.0:
-  version "8.4.0"
-  resolved "https://registry.npmjs.org/sweetalert2/-/sweetalert2-8.4.0.tgz#4a6800de6ea587d910964c5364c1e8395b6cf23e"
-  integrity sha512-cLoVUkS2EcQMLkTO36/5UPKXTIg5OLwXChq8Td5JUW/hQzQfC7kzGu2GE7RrfxWAo3mI/NPix66COV5SkjvNkQ==
-
 symbol-tree@^3.2.2:
   version "3.2.2"
   resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
@@ -8095,6 +8582,15 @@ tapable@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/tapable/-/tapable-1.1.0.tgz#0d076a172e3d9ba088fd2272b2668fb8d194b78c"
 
+tar@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1"
+  integrity sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=
+  dependencies:
+    block-stream "*"
+    fstream "^1.0.2"
+    inherits "2"
+
 tar@^4:
   version "4.4.6"
   resolved "https://registry.npmjs.org/tar/-/tar-4.4.6.tgz#63110f09c00b4e60ac8bcfe1bf3c8660235fbc9b"
@@ -8149,6 +8645,11 @@ throat@^4.0.0:
   version "4.1.0"
   resolved "https://registry.npmjs.org/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
 
+throttle-debounce@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz#51853da37be68a155cb6e827b3514a3c422e89cd"
+  integrity sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==
+
 through2@^2.0.0:
   version "2.0.3"
   resolved "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz#0004569b37c7c74ba39c43f3ced78d1ad94140be"
@@ -8221,12 +8722,6 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
-toastr@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/toastr/-/toastr-2.1.4.tgz#8b43be64fb9d0c414871446f2db8e8ca4e95f181"
-  dependencies:
-    jquery ">=1.12.0"
-
 tough-cookie@>=2.3.3, tough-cookie@^2.3.4, tough-cookie@~2.4.3:
   version "2.4.3"
   resolved "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781"
@@ -8240,10 +8735,22 @@ tr46@^1.0.1:
   dependencies:
     punycode "^2.1.0"
 
+trim-newlines@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
+  integrity sha1-WIeWa7WCpFA6QetST301ARgVphM=
+
 trim-right@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
 
+"true-case-path@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz#f813b5a8c86b40da59606722b144e3225799f47d"
+  integrity sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==
+  dependencies:
+    glob "^7.1.2"
+
 ts-jest@^23.10.5:
   version "23.10.5"
   resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-23.10.5.tgz#cdb550df4466a30489bf70ba867615799f388dd5"
@@ -8407,7 +8914,8 @@ urix@^0.1.0:
 
 url-loader@^1.1.2:
   version "1.1.2"
-  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-1.1.2.tgz#b971d191b83af693c5e3fea4064be9e1f2d7f8d8"
+  resolved "https://registry.npmjs.org/url-loader/-/url-loader-1.1.2.tgz#b971d191b83af693c5e3fea4064be9e1f2d7f8d8"
+  integrity sha512-dXHkKmw8FhPqu8asTc1puBfe3TehOCo2+RmOOev5suNCIYBcT626kxiWg1NBVkwc4rO8BGa7gP70W7VXuqHrjg==
   dependencies:
     loader-utils "^1.1.0"
     mime "^2.0.3"
@@ -8797,11 +9305,16 @@ when@~3.6.x:
   version "3.6.4"
   resolved "https://registry.yarnpkg.com/when/-/when-3.6.4.tgz#473b517ec159e2b85005497a13983f095412e34e"
 
+which-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
+  integrity sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=
+
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
 
-which@^1.2.14, which@^1.2.9, which@^1.3.0:
+which@1, which@^1.2.14, which@^1.2.9, which@^1.3.0:
   version "1.3.1"
   resolved "https://registry.npmjs.org/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   dependencies:
@@ -8878,6 +9391,11 @@ xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
 
+y18n@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
+  integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
+
 "y18n@^3.2.1 || ^4.0.0", y18n@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
@@ -8909,6 +9427,13 @@ yargs-parser@^11.1.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz#275ecf0d7ffe05c77e64e7c86e4cd94bf0e1228a"
+  integrity sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=
+  dependencies:
+    camelcase "^3.0.0"
+
 yargs@12.0.2:
   version "12.0.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.2.tgz#fe58234369392af33ecbef53819171eff0f5aadc"
@@ -8944,6 +9469,25 @@ yargs@^12.0.2, yargs@^12.0.4:
     y18n "^3.2.1 || ^4.0.0"
     yargs-parser "^11.1.1"
 
+yargs@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8"
+  integrity sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=
+  dependencies:
+    camelcase "^3.0.0"
+    cliui "^3.2.0"
+    decamelize "^1.1.1"
+    get-caller-file "^1.0.1"
+    os-locale "^1.4.0"
+    read-pkg-up "^1.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^1.0.1"
+    set-blocking "^2.0.0"
+    string-width "^1.0.2"
+    which-module "^1.0.0"
+    y18n "^3.2.1"
+    yargs-parser "^5.0.0"
+
 zrender@4.0.4:
   version "4.0.4"
   resolved "https://registry.npmjs.org/zrender/-/zrender-4.0.4.tgz#910e60d888f00c9599073f23758dd23345fe48fd"