aview mode

src/composables/useNotes.ts

@@ -1,3 +1,4 @@
+import { viewModes, activeViewMode } from '@/composables/useViewMode'
 import { useTitle } from '@vueuse/core'
 import { mdToHtml } from '@/utils/markdown'
 import { getAllMatches } from '@/utils/helpers'
@@ -27,7 +28,11 @@ watch(activeNote, () => {
   }
 })
 export const setActiveNote = (noteId: string | undefined) => {
-  if (noteId) activeNoteId.value = noteId
+  if (noteId) {
+    activeNoteId.value = noteId
+    activeViewMode.value =
+      viewModes.find((mode) => mode.name === 'Note') || viewModes[0]
+  }
 }
 
 export const rootNote = computed<Note | undefined>(() => {