refactor: composables for breakpoints

packages/hoppscotch-app/helpers/utils/useWindowSize.ts

@@ -1,25 +0,0 @@
-import {
-  Ref,
-  onMounted,
-  onUnmounted,
-  reactive,
-  toRefs,
-} from "@nuxtjs/composition-api"
-
-interface WindowSize {
-  x: Ref<number>
-  y: Ref<number>
-}
-
-export function useWindowSize(): WindowSize {
-  const windowSize = reactive({ x: 0, y: 0 })
-  const resizeListener = () => {
-    ;({ innerWidth: windowSize.x, innerHeight: windowSize.y } = window)
-  }
-  onMounted(() => window.addEventListener("resize", resizeListener))
-  onUnmounted(() => window.removeEventListener("resize", resizeListener))
-  resizeListener()
-  return toRefs(windowSize)
-}
-
-export default useWindowSize