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
   })
 })