deps: upgrade

src/components/FontChange.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { computed } from "vue"
-import { useUserRepoStore } from "../modules/repo/store/userRepo.store"
+
 import ThemeSwap from "@/components/ThemeSwap.vue"
 
+import { useUserRepoStore } from "../modules/repo/store/userRepo.store"
+
 const store = useUserRepoStore()
 
 const fontFamilies = computed(() => store.userSettings?.fontFamilies ?? [])

src/hooks/useMarkdown.hook.ts

@@ -1,5 +1,5 @@
 import markdownItLatex from "@vscode/markdown-it-katex"
-import MarkdownIt, { Options, Renderer, Token } from "markdown-it"
+import MarkdownIt, { Options } from "markdown-it"
 import blockEmbedPlugin from "markdown-it-block-embed"
 import markdownItCheckbox from "markdown-it-checkbox"
 import MarkdownItGitHubAlerts from "markdown-it-github-alerts"
@@ -9,8 +9,9 @@ import { Ref, toValue } from "vue"
 
 import { decodeBase64ToUTF8 } from "@/utils/decodeBase64ToUTF8"
 import { html5Media } from "@/utils/markdown/markdown-html5-media"
-import { twitterPlugin } from "@/utils/markdown/markdown-it-twitter"
 import mermaid from "mermaid"
+import type Token from "markdown-it/lib/token.mjs"
+import Renderer, { type RenderRuleRecord } from "markdown-it/lib/renderer.mjs"
 
 const markdownItMermaidExtractor = (md: MarkdownIt) => {
   const defaultFence =
@@ -55,7 +56,6 @@ const md = new MarkdownIt({
       height: 300,
     },
   })
-  .use(twitterPlugin)
   .use(markdownItCheckbox)
   .use(markdownItLatex)
   .use(markdownItIframe, {
@@ -108,7 +108,7 @@ export const runMermaid = (querySelector: string) => {
   })
 }
 
-const rules: Renderer.RenderRuleRecord = {
+const rules: RenderRuleRecord = {
   table_open: () =>
     '<div class="overflow-x-auto"><table class="table table-zebra">',
   table_close: () => "</table></div>",

src/main.ts

@@ -1,13 +1,13 @@
 import "notyf/notyf.min.css"
 import "./styles/app.css"
 
+import { VueQueryPlugin } from "@tanstack/vue-query"
 import { createPinia } from "pinia"
 import { createApp } from "vue"
 import { createI18n } from "vue-i18n"
 
 import { messages } from "@/locales/message"
 import { router } from "@/router/router"
-import { VueQueryPlugin } from "@tanstack/vue-query"
 
 import App from "./App.vue"
 

src/modules/note/hooks/useNotes.ts

@@ -1,4 +1,5 @@
 import { computed } from "vue"
+
 import { useUserRepoStore } from "@/modules/repo/store/userRepo.store"
 
 export const useNotes = () => {

src/views/AboutApp.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import GoBack from '@/components/GoBack.vue'
+import GoBack from "@/components/GoBack.vue"
 </script>
 
 <template>

src/views/TodoNotes.vue

@@ -6,8 +6,13 @@ import { markdownBuilder } from "@/hooks/useMarkdown.hook"
 import { queryFileContent } from "@/modules/repo/services/repo"
 import { decodeBase64ToUTF8 } from "@/utils/decodeBase64ToUTF8"
 
+type Prop = {
+  user: string
+  repo: string
+}
+
 const FluxNote = defineAsyncComponent(() => import("@/components/FluxNote.vue"))
-const props = defineProps<{ user: string; repo: string }>()
+const props = defineProps<Prop>()
 const user = computed(() => props.user)
 const repo = computed(() => props.repo)