added mixin for mobile check

luckydiamond/src/pages/HomePage.vue

@@ -1,6 +1,6 @@
 <template>
   <homemobile-page v-if="mobile"></homemobile-page>
-  <div class="content-grid" v-if="!mobile">
+  <div class="content-grid" v-else>
     <aside-bar-component></aside-bar-component>
 
     <chat-component></chat-component>
@@ -115,26 +115,25 @@ export default {
       GameModes,
       AnimationOff: false,
       mobile: false,
-      currentPage: 'Desktop'
     }
   },
   methods: {
     // claimSettings(value) {
     //   this.AnimationOff = value
     // },
-    checkWindowSize() {
-      this.mobile = window.innerWidth <= 600
-
-      this.currentPage = this.mobile ? 'Mobile' : 'Desktop'
-    }
+    // checkWindowSize() {
+    //   this.mobile = window.innerWidth <= 600
+    //
+    //   this.currentPage = this.mobile ? 'Mobile' : 'Desktop'
+    // }
   },
   mounted() {
     this.checkWindowSize()
 
-    window.addEventListener('resize', this.checkWindowSize)
+    this.AddWindowListener()
   },
   beforeUnmount() {
-    window.removeEventListener('resize', this.checkWindowSize)
+    this.RemoveWindowListener()
   },
   computed: {
     mainGameMode() {

luckydiamond/src/pages/ProfilePage.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="content__grid-profile">
+  <profilemobile-page v-if="mobile"></profilemobile-page>
+  <div class="content__grid-profile" v-else>
     <aside-bar-component></aside-bar-component>
 
     <chat-component id="chat-profile"></chat-component>
@@ -57,22 +58,32 @@ import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import ChatComponent from "@/components/ChatComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";
 import PaymentsModal from "@/components/PaymentsModal.vue";
+import ProfilemobilePage from "@/pages/adaptive-pages/ProfilemobilePage.vue";
 import { GetCookie } from "@/assets/js/storage/CookieStorage";
 import '@/assets/css/PagesStyles/profile.css'
 import {GetCurrentMoney} from "@/assets/js/rest/RestMethods";
 
 export default {
-  components: { HeaderComponent, AsideBarComponent, ChatComponent, PaymentsModal },
+  components: {ProfilemobilePage, HeaderComponent, AsideBarComponent, ChatComponent, PaymentsModal },
   data() {
     return {
       username: 'Artemka',
       imageUrl: '',
       balance: 0,
+      mobile: false,
       openModal: false,
       payments: true,
       arrayHistory: [],
     }
   },
+  mounted() {
+    this.checkWindowSize()
+
+    this.AddWindowListener()
+  },
+  beforeUnmount() {
+    this.RemoveWindowListener()
+  },
   created() {
     this.username = GetCookie('SpUserName')