@tnotesjs/core 0.1.27 → 0.2.0

package/vitepress/components/Layout/Layout.vue

@@ -215,6 +215,7 @@ import AboutPanel from "./AboutPanel.vue";
 import Discussions from "../Discussions/Discussions.vue";
 import LoadingPage from "../LoadingPage/LoadingPage.vue";
 import { useCollapseControl } from "./composables/useCollapseControl";
+import { useDocLayout } from "./composables/useDocLayout";
 import { useNoteConfig } from "./composables/useNoteConfig";
 import { useNoteSave } from "./composables/useNoteSave";
 import { useNoteValidation } from "./composables/useNoteValidation";
@@ -242,6 +243,8 @@ const route = useRoute();
 // 启用代码块全屏功能
 useCodeBlockFullscreen();
 
+const { initDocLayout, updateResponsiveLayout } = useDocLayout();
+
 // 全局重命名遮罩状态（由 useRenameRedirect 控制 show/hide）
 const { state: renameOverlayState } = useRenameOverlay();
 
@@ -574,6 +577,7 @@ function checkFullContentMode() {
 
 // 生命周期钩子
 onMounted(() => {
+  initDocLayout();
   updateVscodeNoteDir();
   interceptHomeReadmeLinks(isHomeReadme, router);
   initRedirectCheck();
@@ -608,6 +612,7 @@ watch(
   () => route.path,
   () => {
     setTimeout(checkFullContentMode, 100);
+    setTimeout(updateResponsiveLayout, 150);
   },
 );
 </script>

package/vitepress/components/Layout/NavBarSettingsTrigger.vue

@@ -10,7 +10,7 @@ vitepress/components/Layout/NavBarSettingsTrigger.vue
     @click="open"
   >
     <img
-      :src="icon__setting"
+      :src="settingsIcon"
       class="tnotes-nav-settings-icon"
       alt=""
     />
@@ -18,10 +18,18 @@ vitepress/components/Layout/NavBarSettingsTrigger.vue
 </template>
 
 <script setup lang="ts">
-import { icon__setting } from '../../assets/icons'
+import { useData } from 'vitepress'
+import { computed } from 'vue'
+
+import { icon__setting_dark, icon__setting_light } from '../../assets/icons'
 import { useSettingsDialog } from '../Settings/composables/useSettingsDialog'
 
+const { isDark } = useData()
 const { open } = useSettingsDialog()
+
+const settingsIcon = computed(() =>
+  isDark.value ? icon__setting_dark : icon__setting_light,
+)
 </script>
 
 <style scoped>