Merge pull request #29 from CKylinMC:dev

Publish v1.2.1

Author: CKylinMC

package.json

@@ -1,7 +1,7 @@
 {
     "name": "pasteme",
     "private": true,
-    "version": "1.2.0",
+    "version": "1.2.1",
     "type": "module",
     "scripts": {
         "dev": "vite",

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "pasteme"
-version = "1.2.0"
+version = "1.2.1"
 description = "A simple clipboard manager"
 authors = ["CKylinMC"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "PasteMe",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "identifier": "in.ckyl.pasteme",
   "build": {
     "beforeDevCommand": "yarn dev",

src-tauri/tauri.conf.json

@@ -1,9 +1,33 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router';
+import { darkTheme } from 'naive-ui';
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
+import type { BuiltInGlobalTheme } from 'naive-ui/es/themes/interface';
+
+const usingTheme = ref<BuiltInGlobalTheme|null>(null);
+
+const isSystemDarkTheme = computed(
+    () => !!window.matchMedia('(prefers-color-scheme: dark)')?.matches
+);
+
+const updateTheme = () => {
+    usingTheme.value = isSystemDarkTheme.value ? darkTheme : null;
+};
+
+onMounted(() => {
+    updateTheme();
+    window.matchMedia('(prefers-color-scheme: dark)')
+        .addEventListener('change', updateTheme);
+});
+
+onBeforeUnmount(() => {
+    window.matchMedia('(prefers-color-scheme: dark)')
+        .removeEventListener('change', updateTheme);
+});
 </script>
 
 <template>
-    <n-config-provider class="size-full !bg-transparent">
+    <n-config-provider :theme="usingTheme" class="size-full !bg-transparent">
         <RouterView />
     </n-config-provider>
 </template>

src/App.vue

@@ -1,3 +1,3 @@
 export const AppInfo = {
-    version: "1.2.0",
+    version: "1.2.1",
 };