remove window width copypasta

src/App.js

@@ -10,6 +10,7 @@ import MediaModal from './components/media_modal/media_modal.vue'
 import SideDrawer from './components/side_drawer/side_drawer.vue'
 import MobilePostStatusModal from './components/mobile_post_status_modal/mobile_post_status_modal.vue'
 import MobileNav from './components/mobile_nav/mobile_nav.vue'
+import { windowWidth } from './services/window_utils/window_utils'
 
 export default {
   name: 'app',
@@ -102,10 +103,10 @@ export default {
       this.finderHidden = hidden
     },
     updateMobileState () {
-      const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
-      const changed = width <= 800 !== this.isMobileLayout
+      const mobileLayout = windowWidth() <= 800
+      const changed = mobileLayout !== this.isMobileLayout
       if (changed) {
-        this.$store.dispatch('setMobileLayout', width <= 800)
+        this.$store.dispatch('setMobileLayout', mobileLayout)
       }
     }
   }

src/boot/after_store.js

@@ -1,8 +1,8 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import routes from './routes'
-
 import App from '../App.vue'
+import { windowWidth } from '../services/window_utils/window_utils'
 
 const getStatusnetConfig = async ({ store }) => {
   try {
@@ -230,7 +230,7 @@ const afterStoreSetup = async ({ store, i18n }) => {
     })
   }
 
-  const width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
+  const width = windowWidth()
   store.dispatch('setMobileLayout', width <= 800)
 
   const apiConfig = await getStatusnetConfig({ store })

src/services/window_utils/window_utils.js

@@ -0,0 +1,5 @@
+
+export const windowWidth = () =>
+  window.innerWidth ||
+  document.documentElement.clientWidth ||
+  document.body.clientWidth