added unsaved changes safeguard

Author: Ripwords

package.json

@@ -1,6 +1,6 @@
 {
   "name": "window-reader",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "scripts": {
     "dev": "tauri dev",
     "build": "tauri build"

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "window_reader"
-version = "1.1.3"
+version = "1.1.4"
 description = "A transparent notepad-like app"
 authors = ["Ripwords"]
 license = ""

src-tauri/Cargo.toml

@@ -1,7 +1,7 @@
 {
   "package": {
     "productName": "window-reader",
-    "version": "1.1.3"
+    "version": "1.1.4"
   },
   "build": {
     "distDir": "../dist",

src-tauri/tauri.conf.json

@@ -8,7 +8,6 @@ onMounted(() => {
   appWindow.setDecorations(true)
   appWindow.setSkipTaskbar(false)
 })
-
 </script>
 
 <template>

src/App.vue

@@ -21,6 +21,7 @@ const toolbar = ref<any>(null)
 const shortcutModal = ref(false)
 const exportModal_1 = ref(false)
 const exportModal_2 = ref(false)
+const exitModal = ref(false)
 const message = useMessage()
 
 const shortcutRegister = async () => {
@@ -70,7 +71,7 @@ const export2Word = async () => {
   } catch (e) {
     message.error('Word export failed, file is empty')
   }
-} 
+}
 
 onMounted(() => {
   toolbar.value.style.backgroundColor = `rgba(255, 255, 255, 0.95)`
@@ -89,6 +90,22 @@ appWindow.listen("tauri://focus", () => {
   shortcutRegister()
 })
 
+appWindow.listen("tauri://close-requested", async () => {
+  if (store.content.ops.ops) {
+    if (store.content.ops.ops[0].insert !== ('\n' || '')) {
+      exitModal.value = true
+      return
+    }
+  }
+  await appWindow.close()
+})
+
+watch(() => store.content.ops, () => {
+  console.log(store.content.ops)
+  console.log(store.content.ops.ops.length)
+  console.log(store.content.ops.ops[0].insert.toString())
+})
+
 await shortcutRegister()
 </script>
 
@@ -212,6 +229,19 @@ await shortcutRegister()
         <button :theme-overridess="themeOverrides"><i-mdi:file-word class="m-[0.7rem]" @click="export2Word()"></i-mdi:file-word></button>
       </div>
     </n-modal>
+    <n-modal
+      class="mx-30vw"
+      v-model:show="exitModal"
+      :mask-closable="false"
+      preset="dialog"
+      title="Unsaved changes"
+      content="Are you sure?"
+      positive-text="Yes"
+      negative-text="Cancel"
+      @positive-click="appWindow.close()"
+      @negative-click="exitModal = false"
+    >
+    </n-modal>  
   </div>
 </template>