✨ (user settings) init user settings with .litenote.json

src/components/FluxNote.vue

@@ -47,6 +47,7 @@ import { useNote } from '@/hooks/useNote.hook'
 import { useMarkdown } from '@/hooks/useMarkdown.hook'
 import { useLinks } from '@/hooks/useLinks.hook'
 import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+import { useUserSettings } from '@/modules/user/hooks/useUserSettings.hook'
 
 const StackedNote = defineAsyncComponent(() =>
   import('@/components/StackedNote.vue')
@@ -66,6 +67,7 @@ export default defineComponent({
   setup(props) {
     const refProps = toRefs(props)
     const store = useUserRepoStore()
+    useUserSettings()
     const { renderString } = useMarkdown()
     const { listenToClick } = useLinks('note-display')
     const { stackedNotes, resetStackedNotes } = useQueryStackedNotes()
@@ -105,6 +107,7 @@ export default defineComponent({
       renderedContent,
       stackedNotes,
       resetStackedNotes,
+      userSettings: computed(() => store.userSettings),
       ...noteProps
     }
   }
@@ -115,6 +118,8 @@ export default defineComponent({
 $header-height: 40px;
 
 .flux-note {
+  font-family: var(--font-family);
+
   display: flex;
   flex: 1;