diff --git a/resources/assets/src/components/mixins/emitMounted.ts b/resources/assets/src/components/mixins/emitMounted.ts
new file mode 100644
index 00000000..790cbfb1
--- /dev/null
+++ b/resources/assets/src/components/mixins/emitMounted.ts
@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import * as emitter from '../../scripts/event'
+
+export default Vue.extend({
+  mounted() {
+    emitter.emit('mounted', { el: this.$root.$options.el })
+  },
+})
diff --git a/resources/assets/src/index.ts b/resources/assets/src/index.ts
index 94fb89b3..5533bf20 100644
--- a/resources/assets/src/index.ts
+++ b/resources/assets/src/index.ts
@@ -1,7 +1,6 @@
 import Vue from 'vue'
 import loadI18n from './scripts/i18n-text'
 import './scripts'
-import * as emitter from './scripts/event'
 import routes from './scripts/route'
 
 Vue.config.productionTip = false
@@ -22,9 +21,6 @@ function loadModules() {
       // eslint-disable-next-line no-new
       new Vue({
         el: route.el,
-        mounted() {
-          this.$nextTick(() => emitter.emit('mounted', { el: route.el }))
-        },
         render: h => h(route.component),
       })
     }
diff --git a/resources/assets/src/views/admin/Market.vue b/resources/assets/src/views/admin/Market.vue
index eaec0af5..7a720e0d 100644
--- a/resources/assets/src/views/admin/Market.vue
+++ b/resources/assets/src/views/admin/Market.vue
@@ -86,6 +86,7 @@ import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
 import enablePlugin from '../../components/mixins/enablePlugin'
 import tableOptions from '../../components/mixins/tableOptions'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Market',
@@ -93,6 +94,7 @@ export default {
     VueGoodTable,
   },
   mixins: [
+    emitMounted,
     enablePlugin,
     tableOptions,
   ],
diff --git a/resources/assets/src/views/admin/Players.vue b/resources/assets/src/views/admin/Players.vue
index 61615058..4482d6b0 100644
--- a/resources/assets/src/views/admin/Players.vue
+++ b/resources/assets/src/views/admin/Players.vue
@@ -116,6 +116,7 @@ import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
 import tableOptions from '../../components/mixins/tableOptions'
 import serverTable from '../../components/mixins/serverTable'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'PlayersManagement',
@@ -123,6 +124,7 @@ export default {
     VueGoodTable,
   },
   mixins: [
+    emitMounted,
     tableOptions,
     serverTable,
   ],
diff --git a/resources/assets/src/views/admin/Plugins.vue b/resources/assets/src/views/admin/Plugins.vue
index 5cb3cfab..577e92d5 100644
--- a/resources/assets/src/views/admin/Plugins.vue
+++ b/resources/assets/src/views/admin/Plugins.vue
@@ -79,6 +79,7 @@ import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
 import enablePlugin from '../../components/mixins/enablePlugin'
 import tableOptions from '../../components/mixins/tableOptions'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Plugins',
@@ -86,6 +87,7 @@ export default {
     VueGoodTable,
   },
   mixins: [
+    emitMounted,
     enablePlugin,
     tableOptions,
   ],
diff --git a/resources/assets/src/views/admin/Reports.vue b/resources/assets/src/views/admin/Reports.vue
index 54921fe1..b653e16f 100644
--- a/resources/assets/src/views/admin/Reports.vue
+++ b/resources/assets/src/views/admin/Reports.vue
@@ -51,6 +51,7 @@ import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
 import tableOptions from '../../components/mixins/tableOptions'
 import serverTable from '../../components/mixins/serverTable'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'ReportsManagement',
@@ -58,6 +59,7 @@ export default {
     VueGoodTable,
   },
   mixins: [
+    emitMounted,
     tableOptions,
     serverTable,
   ],
diff --git a/resources/assets/src/views/admin/Update.vue b/resources/assets/src/views/admin/Update.vue
index 9ad84904..741eec7e 100644
--- a/resources/assets/src/views/admin/Update.vue
+++ b/resources/assets/src/views/admin/Update.vue
@@ -42,10 +42,15 @@
 </template>
 
 <script>
+import emitMounted from '../../components/mixins/emitMounted'
+
 const POLLING_INTERVAL = 500
 
 export default {
   name: 'UpdateButton',
+  mixins: [
+    emitMounted,
+  ],
   data: () => ({
     canUpdate: blessing.extra.canUpdate,
     updating: false,
diff --git a/resources/assets/src/views/admin/Users.vue b/resources/assets/src/views/admin/Users.vue
index 7869e2a6..e44097d0 100644
--- a/resources/assets/src/views/admin/Users.vue
+++ b/resources/assets/src/views/admin/Users.vue
@@ -92,6 +92,7 @@ import 'vue-good-table/dist/vue-good-table.min.css'
 import { trans } from '../../scripts/i18n'
 import tableOptions from '../../components/mixins/tableOptions'
 import serverTable from '../../components/mixins/serverTable'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'UsersManagement',
@@ -118,6 +119,7 @@ export default {
     },
   },
   mixins: [
+    emitMounted,
     tableOptions,
     serverTable,
   ],
diff --git a/resources/assets/src/views/auth/Forgot.vue b/resources/assets/src/views/auth/Forgot.vue
index be9c7f47..1316559b 100644
--- a/resources/assets/src/views/auth/Forgot.vue
+++ b/resources/assets/src/views/auth/Forgot.vue
@@ -40,12 +40,16 @@
 
 <script>
 import Captcha from '../../components/Captcha.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Forgot',
   components: {
     Captcha,
   },
+  mixins: [
+    emitMounted,
+  ],
   props: {
     baseUrl: {
       type: String,
diff --git a/resources/assets/src/views/auth/Login.vue b/resources/assets/src/views/auth/Login.vue
index 12363aae..a2d88b09 100644
--- a/resources/assets/src/views/auth/Login.vue
+++ b/resources/assets/src/views/auth/Login.vue
@@ -54,12 +54,16 @@
 
 <script>
 import Captcha from '../../components/Captcha.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Login',
   components: {
     Captcha,
   },
+  mixins: [
+    emitMounted,
+  ],
   props: {
     baseUrl: {
       type: String,
diff --git a/resources/assets/src/views/auth/Register.vue b/resources/assets/src/views/auth/Register.vue
index 801a4ddd..e398e09f 100644
--- a/resources/assets/src/views/auth/Register.vue
+++ b/resources/assets/src/views/auth/Register.vue
@@ -92,12 +92,16 @@
 
 <script>
 import Captcha from '../../components/Captcha.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Register',
   components: {
     Captcha,
   },
+  mixins: [
+    emitMounted,
+  ],
   props: {
     baseUrl: {
       type: String,
diff --git a/resources/assets/src/views/auth/Reset.vue b/resources/assets/src/views/auth/Reset.vue
index 0fdd0a6e..3dc55d60 100644
--- a/resources/assets/src/views/auth/Reset.vue
+++ b/resources/assets/src/views/auth/Reset.vue
@@ -44,8 +44,13 @@
 </template>
 
 <script>
+import emitMounted from '../../components/mixins/emitMounted'
+
 export default {
   name: 'Reset',
+  mixins: [
+    emitMounted,
+  ],
   data() {
     return {
       uid: +this.$route[1],
diff --git a/resources/assets/src/views/skinlib/List.vue b/resources/assets/src/views/skinlib/List.vue
index ef82ff77..4f488a5b 100644
--- a/resources/assets/src/views/skinlib/List.vue
+++ b/resources/assets/src/views/skinlib/List.vue
@@ -120,6 +120,7 @@ import {
 } from 'element-ui'
 import { queryString, queryStringify } from '../../scripts/utils'
 import SkinLibItem from '../../components/SkinLibItem.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 Vue.use(ButtonGroup)
 Vue.use(Select)
@@ -131,6 +132,9 @@ export default {
     Paginate,
     SkinLibItem,
   },
+  mixins: [
+    emitMounted,
+  ],
   data() {
     return {
       filter: queryString('filter', 'skin'),
diff --git a/resources/assets/src/views/skinlib/Show.vue b/resources/assets/src/views/skinlib/Show.vue
index 5f83dd7b..a7b21a0a 100644
--- a/resources/assets/src/views/skinlib/Show.vue
+++ b/resources/assets/src/views/skinlib/Show.vue
@@ -167,6 +167,7 @@
 import setAsAvatar from '../../components/mixins/setAsAvatar'
 import addClosetItem from '../../components/mixins/addClosetItem'
 import removeClosetItem from '../../components/mixins/removeClosetItem'
+import emitMounted from '../../components/mixins/emitMounted'
 import ApplyToPlayerDialog from '../../components/ApplyToPlayerDialog.vue'
 
 export default {
@@ -176,6 +177,7 @@ export default {
     Previewer: () => import('../../components/Previewer.vue'),
   },
   mixins: [
+    emitMounted,
     addClosetItem,
     removeClosetItem,
     setAsAvatar,
diff --git a/resources/assets/src/views/skinlib/Upload.vue b/resources/assets/src/views/skinlib/Upload.vue
index 3da14183..a55888de 100644
--- a/resources/assets/src/views/skinlib/Upload.vue
+++ b/resources/assets/src/views/skinlib/Upload.vue
@@ -103,6 +103,7 @@ import Vue from 'vue'
 import FileUpload from 'vue-upload-component'
 import { isSlimSkin } from 'skinview3d'
 import { Radio } from 'element-ui'
+import emitMounted from '../../components/mixins/emitMounted'
 
 Vue.use(Radio)
 
@@ -112,6 +113,9 @@ export default {
     Previewer: () => import('../../components/Previewer.vue'),
     FileUpload,
   },
+  mixins: [
+    emitMounted,
+  ],
   data() {
     return {
       name: '',
diff --git a/resources/assets/src/views/user/Bind.vue b/resources/assets/src/views/user/Bind.vue
index 8505dd08..290e96de 100644
--- a/resources/assets/src/views/user/Bind.vue
+++ b/resources/assets/src/views/user/Bind.vue
@@ -34,8 +34,13 @@
 </template>
 
 <script>
+import emitMounted from '../../components/mixins/emitMounted'
+
 export default {
   name: 'BindPlayer',
+  mixins: [
+    emitMounted,
+  ],
   data() {
     return {
       players: [],
diff --git a/resources/assets/src/views/user/Closet.vue b/resources/assets/src/views/user/Closet.vue
index 1a025ded..2afc0e2b 100644
--- a/resources/assets/src/views/user/Closet.vue
+++ b/resources/assets/src/views/user/Closet.vue
@@ -166,6 +166,7 @@ import ClosetItem from '../../components/ClosetItem.vue'
 import EmailVerification from '../../components/EmailVerification.vue'
 import AddPlayerDialog from '../../components/AddPlayerDialog.vue'
 import ApplyToPlayerDialog from '../../components/ApplyToPlayerDialog.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Closet',
@@ -177,6 +178,9 @@ export default {
     AddPlayerDialog,
     ApplyToPlayerDialog,
   },
+  mixins: [
+    emitMounted,
+  ],
   props: {
     baseUrl: {
       type: String,
diff --git a/resources/assets/src/views/user/Dashboard.vue b/resources/assets/src/views/user/Dashboard.vue
index 2e4d9330..6aba9ed5 100644
--- a/resources/assets/src/views/user/Dashboard.vue
+++ b/resources/assets/src/views/user/Dashboard.vue
@@ -99,6 +99,7 @@ import Vue from 'vue'
 import { Progress } from 'element-ui'
 import Tween from '@tweenjs/tween.js'
 import EmailVerification from '../../components/EmailVerification.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 Vue.use(Progress)
 
@@ -109,6 +110,9 @@ export default {
   components: {
     EmailVerification,
   },
+  mixins: [
+    emitMounted,
+  ],
   data: () => ({
     score: 0,
     tweenedScore: 0,
diff --git a/resources/assets/src/views/user/OAuth.vue b/resources/assets/src/views/user/OAuth.vue
index 1b787678..18e9572a 100644
--- a/resources/assets/src/views/user/OAuth.vue
+++ b/resources/assets/src/views/user/OAuth.vue
@@ -102,6 +102,7 @@
 import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
 import tableOptions from '../../components/mixins/tableOptions'
+import emitMounted from '../../components/mixins/emitMounted'
 import { walkFetch, init } from '../../scripts/net'
 
 export default {
@@ -110,6 +111,7 @@ export default {
     VueGoodTable,
   },
   mixins: [
+    emitMounted,
     tableOptions,
   ],
   data() {
diff --git a/resources/assets/src/views/user/Players.vue b/resources/assets/src/views/user/Players.vue
index de677700..ff6e4da6 100644
--- a/resources/assets/src/views/user/Players.vue
+++ b/resources/assets/src/views/user/Players.vue
@@ -161,6 +161,7 @@
 
 <script>
 import AddPlayerDialog from '../../components/AddPlayerDialog.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Players',
@@ -168,6 +169,9 @@ export default {
     AddPlayerDialog,
     Previewer: () => import('../../components/Previewer.vue'),
   },
+  mixins: [
+    emitMounted,
+  ],
   props: {
     baseUrl: {
       type: String,
diff --git a/resources/assets/src/views/user/Profile.vue b/resources/assets/src/views/user/Profile.vue
index 639e1f8e..dde4336e 100644
--- a/resources/assets/src/views/user/Profile.vue
+++ b/resources/assets/src/views/user/Profile.vue
@@ -190,12 +190,16 @@
 
 <script>
 import EmailVerification from '../../components/EmailVerification.vue'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'Profile',
   components: {
     EmailVerification,
   },
+  mixins: [
+    emitMounted,
+  ],
   data: () => ({
     oldPassword: '',
     newPassword: '',
diff --git a/resources/assets/src/views/user/Report.vue b/resources/assets/src/views/user/Report.vue
index 07a9ac67..6aa77eef 100644
--- a/resources/assets/src/views/user/Report.vue
+++ b/resources/assets/src/views/user/Report.vue
@@ -29,6 +29,7 @@
 import { VueGoodTable } from 'vue-good-table'
 import 'vue-good-table/dist/vue-good-table.min.css'
 import tableOptions from '../../components/mixins/tableOptions'
+import emitMounted from '../../components/mixins/emitMounted'
 
 export default {
   name: 'MyReports',
@@ -36,6 +37,7 @@ export default {
     VueGoodTable,
   },
   mixins: [
+    emitMounted,
     tableOptions,
   ],
   props: {