🔊 完善基础页面的 log #83

src/components/app/t-sidebar.vue

@@ -228,11 +228,12 @@
 <script lang="ts" setup>
 import { event, window as TauriWindow } from "@tauri-apps/api";
 import { storeToRefs } from "pinia";
-import { computed, onMounted, ref } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 
 import { useAppStore } from "../../store/modules/app";
 import { useUserStore } from "../../store/modules/user";
 import mhyClient from "../../utils/TGClient";
+import TGLogger from "../../utils/TGLogger";
 import showSnackbar from "../func/snackbar";
 
 const appStore = useAppStore();
@@ -262,6 +263,10 @@ const themeTitle = computed(() => {
   return themeGet.value === "default" ? "夜间模式" : "日间模式";
 });
 
+watch(themeTitle, async (val) => {
+  await TGLogger.Info(`[App][theme] 已切换到${val}`);
+});
+
 function collapse(): void {
   rail.value = !rail.value;
   appStore.sidebar.collapse = rail.value;

src/components/config/tc-dataDir.vue

@@ -162,7 +162,7 @@ async function openPath(type: "db" | "user" | "log"): Promise<void> {
       break;
   }
   await dialog.open({
-    directory: type !== "db",
+    directory: false,
     defaultPath: targetPath,
     multiple: false,
   });

src/components/main/t-shareBtn.vue

@@ -7,6 +7,7 @@
 </template>
 <script lang="ts" setup>
 // utils
+import TGLogger from "../../utils/TGLogger";
 import { generateShareImg } from "../../utils/TGShare";
 
 interface TShareBtnProps {
@@ -21,6 +22,7 @@ const props = defineProps<TShareBtnProps>();
 const emit = defineEmits<TShareBtnEmits>();
 
 async function shareContent(): Promise<void> {
+  await TGLogger.Info("[TShareBtn][shareContent] 开始生成分享图片");
   emit("update:loading", true);
   props.modelValue.querySelectorAll("details").forEach((item) => {
     if (item.open) {
@@ -38,6 +40,7 @@ async function shareContent(): Promise<void> {
     }
   });
   emit("update:loading", false);
+  await TGLogger.Info("[TShareBtn][shareContent] 生成分享图片完成");
 }
 </script>
 <style lang="css" scoped>

src/components/post/tp-unknown.vue

@@ -4,7 +4,9 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { toRaw } from "vue";
+import { onMounted, toRaw } from "vue";
+
+import TGLogger from "../../utils/TGLogger";
 
 interface TpUnknownProps {
   data: TGApp.Plugins.Mys.SctPost.Empty;
@@ -13,6 +15,12 @@ interface TpUnknownProps {
 const props = defineProps<TpUnknownProps>();
 
 console.warn("tpUnknown", toRaw(props.data.insert));
+
+onMounted(async () => {
+  await TGLogger.Warn(
+    `[tpUnknown][onMounted] 未知的插件数据 ${JSON.stringify(toRaw(props.data))}}`,
+  );
+});
 </script>
 <style lang="css" scoped>
 .tp-unknown-box {