From fe8a93f43e21ebac83674a12146db9e57441e34a Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 3 Jun 2024 18:46:29 +0530
Subject: [PATCH] fix: removed useScreenSize composable

---
 frontend/src/App.vue              |  4 +---
 frontend/src/composables/index.js | 23 -----------------------
 frontend/src/stores/settings.js   |  4 +---
 3 files changed, 2 insertions(+), 29 deletions(-)
 delete mode 100644 frontend/src/composables/index.js

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index e03266bf..9b8693a2 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -10,11 +10,9 @@
 <script setup>
 import { Dialogs } from '@/utils/dialogs'
 import { sessionStore as session } from '@/stores/session'
-import { useScreenSize } from '@/composables'
 import { Toasts } from 'frappe-ui'
 import { computed, defineAsyncComponent } from 'vue'
 
-const screenSize = useScreenSize()
 const MobileLayout = defineAsyncComponent(() =>
   import('./components/Layouts/MobileLayout.vue')
 )
@@ -22,7 +20,7 @@ const DesktopLayout = defineAsyncComponent(() =>
   import('./components/Layouts/DesktopLayout.vue')
 )
 const Layout = computed(() => {
-  if (screenSize.width < 640) {
+  if (window.innerWidth < 640) {
     return MobileLayout
   } else {
     return DesktopLayout
diff --git a/frontend/src/composables/index.js b/frontend/src/composables/index.js
deleted file mode 100644
index ff5a5bb6..00000000
--- a/frontend/src/composables/index.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { onMounted, onUnmounted, reactive } from 'vue'
-
-export function useScreenSize() {
-  const size = reactive({
-    width: window.innerWidth,
-    height: window.innerHeight,
-  })
-
-  const onResize = () => {
-    size.width = window.innerWidth
-    size.height = window.innerHeight
-  }
-
-  onMounted(() => {
-    window.addEventListener('resize', onResize)
-  })
-
-  onUnmounted(() => {
-    window.removeEventListener('resize', onResize)
-  })
-
-  return size
-}
diff --git a/frontend/src/stores/settings.js b/frontend/src/stores/settings.js
index bfffc459..1033bec8 100644
--- a/frontend/src/stores/settings.js
+++ b/frontend/src/stores/settings.js
@@ -1,5 +1,4 @@
 import { createResource } from 'frappe-ui'
-import { useScreenSize } from '@/composables'
 import { computed, ref } from 'vue'
 
 export const whatsappEnabled = ref(false)
@@ -23,5 +22,4 @@ createResource({
 
 export const mobileSidebarOpened = ref(false)
 
-const screenSize = useScreenSize()
-export const isMobileView = computed(() => screenSize.width < 768)
+export const isMobileView = computed(() => window.innerWidth < 768)