From bfc053a9378bebef859fc8316fc591aa18a4bbab Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Sun, 11 Feb 2024 22:29:09 +0100
Subject: [PATCH] ADD: Electron check (for running in Chrome)

---
 src/App.vue                      | 2 +-
 src/components/navbar/Navbar.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ebb59f2..b2627d0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,7 @@ const menuActions = {
   skin: () => store.switchPreviewDeviceModel(),
 }
 
-electron.onMenu((key) => {
+electron?.onMenu((key) => {
   console.log('menu', key)
   if (menuActions[key]) {
     menuActions[key]()
diff --git a/src/components/navbar/Navbar.vue b/src/components/navbar/Navbar.vue
index f11616a..4e3b9b7 100644
--- a/src/components/navbar/Navbar.vue
+++ b/src/components/navbar/Navbar.vue
@@ -84,9 +84,9 @@
               <p>v0.1</p>
             </MenubarItem>
             <MenubarItem>Contact Support</MenubarItem>
-            <template v-if="electron.isDevelopment">
+            <template v-if="electron?.isDevelopment">
               <MenubarSeparator />
-              <MenubarItem @click="electron.openDevTools">Developer Tools</MenubarItem>
+              <MenubarItem @click="electron?.openDevTools">Developer Tools</MenubarItem>
             </template>
           </MenubarContent>
         </MenubarMenu>
@@ -160,12 +160,12 @@ onMounted(() => {
   window.addEventListener('resize', () => {
     zoomFactor.value = window.outerWidth / window.innerWidth
   })
-  electron.onMaximized((maximized) => {
+  electron?.onMaximized((maximized) => {
     console.log(maximized)
     isMaximized.value = true
   })
 
-  electron.onUnmaximized(() => {
+  electron?.onUnmaximized(() => {
     isMaximized.value = false
   })
 })