deps: upgrade

.node-version

@@ -1 +1 @@
-22.12.0
+24

package.json

@@ -63,21 +63,22 @@
     "@typescript-eslint/parser": "^8.46.2",
     "@vite-pwa/assets-generator": "^1.0.2",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vue/compiler-sfc": "^3.5.22",
+    "@vue/compiler-sfc": "^3.5.28",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "autoprefixer": "^10.4.21",
-    "daisyui": "^5.3.11",
+    "autoprefixer": "^10.4.24",
+    "daisyui": "^5.5.18",
     "dotenv": "^17.2.3",
-    "eslint": "^8.57.1",
+    "eslint": "^.57.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "eslint-plugin-unused-imports": "^3.2.0",
-    "eslint-plugin-vue": "^9.31.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "eslint-plugin-vue": "^10.8.0",
     "esno": "^4.8.0",
     "husky": "^9.1.7",
-    "prettier": "^3.6.2",
+    "prettier": "^3.8.1",
+    "prettier-vue": "^1.1.2",
     "sass": "^1.93.3",
     "tailwindcss": "^4.1.16",
     "typescript": "~5.9.3",

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)