diff --git a/.gitignore b/.gitignore
index ea8ee76..fd3777d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,4 +25,6 @@ logs
 
 .pnpm-lock.yaml
 
-userData
\ No newline at end of file
+userData
+
+test/*
\ No newline at end of file
diff --git a/.node-version b/.node-version
index e8aa644..c12134b 100644
--- a/.node-version
+++ b/.node-version
@@ -1 +1 @@
-v20.18.1
+v20.15.0
diff --git a/app.vue b/app.vue
index 2d4d510..41b018f 100644
--- a/app.vue
+++ b/app.vue
@@ -18,7 +18,7 @@ import "/style/default.scss";
 useHead({
   title: '杪 Blog',
   meta: [
-    { name: 'description', content: '杪儿的博客' }
+    { name: 'description', content: '杪儿的博客', lang: 'zh-CN' }
   ],
 })
 
diff --git a/components/codeMirror.vue b/components/codeMirror.vue
new file mode 100644
index 0000000..961c932
--- /dev/null
+++ b/components/codeMirror.vue
@@ -0,0 +1,158 @@
+<template>
+    <div class="cm-rander-wrapper">
+        <div class="cm-header">
+            <div class="cm-header-title">
+                <span>CodeMirror</span>
+            </div>
+            <div class="cm-header-controls">
+                <div class="cm-switch-show-hide" @click="show = !show">
+                    {{ show ? '收起' : '展开' }}
+                </div>
+            </div>
+        </div>
+        <miao-collapse :show="show" style="overflow: hidden;">
+            <div ref="cmRootRef"></div>
+            <el-skeleton v-if="isLoading === true" :rows="rows" style="display: flex;flex-direction: column;" />
+        </miao-collapse>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { EditorView, basicSetup } from "codemirror"
+import { EditorState } from "@codemirror/state"
+// import chevronDown from "./icons/chevronDown.vue";
+// import {javascript} from "@codemirror/lang-javascript"
+
+const props = defineProps<{
+    data: string,
+    type?: string,
+}>()
+
+const show = ref(true)
+const cmRootRef = ref<HTMLElement>()
+
+const isLoading = ref(true)
+
+const rows = computed(() => {
+    if (!props.data) {
+        return 5
+    }
+    const lines = props.data.split('\n')
+    console.log({
+        L: lines.length,
+    })
+    return lines.length - 2 > 0 ? lines.length - 2 : 1
+})
+
+const useLangExtensions = async () => {
+   const ext = props.type
+   switch (ext) {
+      case 'js':
+      case 'jsx':
+      case 'ts':
+      case 'tsx':
+         const { javascript } = await import('@codemirror/lang-javascript')
+         return [
+            javascript({
+               jsx: ext.substring(2, 3) === 'x',
+               typescript: ext.substring(0, 2) === 'js'
+            })
+         ]
+         break
+      case 'css':
+      case 'scss':
+         const { sass } = await import('@codemirror/lang-sass')
+         return [sass()]
+         break
+      case 'html':
+         const { html } = await import('@codemirror/lang-html')
+         return [html()]
+         break
+      case 'py':
+         const { python } = await import('@codemirror/lang-python')
+         return [python()]
+         break
+      case 'go':
+         const { go } = await import('@codemirror/lang-go')
+         return [go()]
+         break
+      case 'json':
+         const { json } = await import('@codemirror/lang-json')
+         return [json()]
+         break
+      case 'md':
+         const { markdown } = await import('@codemirror/lang-markdown')
+         return [markdown()]
+         break
+      case 'yaml':
+         const { yaml } = await import('@codemirror/lang-yaml')
+         return [yaml()]
+         break
+      case 'vue':
+         const { vue } = await import('@codemirror/lang-vue')
+         return [vue()]
+         break
+      case 'xml':
+         const { xml } = await import('@codemirror/lang-xml')
+         return [xml()]
+         break
+      default:
+         return []
+   }
+}
+
+let cm: EditorView
+
+onMounted(async () => {
+    const langExtensions = await useLangExtensions()
+    cm = new EditorView({
+        parent: cmRootRef.value,
+        doc: props.data,
+        extensions: [
+            basicSetup,
+            EditorState.readOnly.of(true),
+            ...langExtensions
+        ],
+    })
+    isLoading.value = false
+})
+
+onUpdated(() => {
+    cm.dispatch({
+        changes: {
+            from: 0,
+            to: cm.state.doc.length,
+            insert: props.data,
+        },
+    })
+})
+
+onBeforeUnmount(() => {
+    cm.destroy()
+})
+
+</script>
+
+<style lang="scss">
+.cm-rander-wrapper {
+    .cm-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 10px;
+        height: 25px;
+        background-color: #000;
+        color: #fff;
+        border-radius: 10px 10px 0 0;
+        user-select: none;
+
+        .cm-header-controls {
+            .cm-switch-show-hide {
+                cursor: pointer;
+                color: #fff;
+                fill: #fff;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/components/icons/copy.vue b/components/icons/copy.vue
new file mode 100644
index 0000000..1fa5699
--- /dev/null
+++ b/components/icons/copy.vue
@@ -0,0 +1 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><rect x="128" y="128" width="336" height="336" rx="57" ry="57" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"></rect><path d="M383.5 128l.5-24a56.16 56.16 0 0 0-56-56H112a64.19 64.19 0 0 0-64 64v216a56.16 56.16 0 0 0 56 56h24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg></template>
\ No newline at end of file
diff --git a/components/icons/upload.vue b/components/icons/upload.vue
new file mode 100644
index 0000000..a7274bc
--- /dev/null
+++ b/components/icons/upload.vue
@@ -0,0 +1 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M320 367.79h76c55 0 100-29.21 100-83.6s-53-81.47-96-83.6c-8.89-85.06-71-136.8-144-136.8c-69 0-113.44 45.79-128 91.2c-60 5.7-112 43.88-112 106.4s54 106.4 120 106.4h56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 255.79l-64-64l-64 64"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 448.21V207.79"></path></svg></template>
\ No newline at end of file
diff --git a/components/markdownRender.vue b/components/markdownRender.vue
index d0a18b7..a910cf5 100644
--- a/components/markdownRender.vue
+++ b/components/markdownRender.vue
@@ -2,12 +2,15 @@
 
 <template>
     <div class="md-render-wrapper markdown-body">
-        <div v-html="renderedData" :key="_key"></div>
+        <!-- <div v-html="renderedData" :key="_key"></div> -->
+        <VNodeArr></VNodeArr>
     </div>
 </template>
 
 <script setup lang="ts">
 import useMarkdownit from '~/hooks/useMarkdownit';
+import Html2VNode from '~/utils/html2VNode';
+import codeMirror from './codeMirror.vue';
 
 const props = defineProps<{
     data: string
@@ -17,17 +20,57 @@ const _key = ref(Math.random())
 
 const markdownIt = await useMarkdownit()
 
-const renderedData = computed(() => {
-    return markdownIt.render(props.data)
+const VNodeArr = computed(() => {
+    if (!props.data) {
+        return () => []
+    }
+    const renderedData = markdownIt.render(props.data)
+    const h2v = new Html2VNode()
+    h2v.use(
+        {
+            filter(tagName) {
+                return tagName === 'code'
+            },
+            rander({
+                item,
+                // tagName,
+                tagAttrs,
+                // middlewareMap
+            }) {
+                // console.log({
+                //     tagName,
+                //     tagAttrs,
+                // })
+                const codeType = tagAttrs?.class?.slice(1, -1)?.split('-')?.[1] ?? ''
+                // console.log({
+                //     codeType,
+                // })
+                return h(
+                    codeMirror,
+                    {
+                        // @ts-ignore
+                        data: item.children[0].children.trim(),
+                        type: codeType,
+                    },
+                )
+            },
+        }
+    )
+    const res = h2v.rander(renderedData)
+    return {
+        setup: () => {
+            return () => res
+        },
+    }
 })
 
-watch(() => renderedData.value, () => {
-    _key.value = Math.random()
-})
+// watch(() => renderedData.value, () => {
+//     _key.value = Math.random()
+// })
 
 </script>
 
-<style>
+<style lang="scss">
 .md-render-wrapper {
     code {
         box-sizing: border-box;
@@ -39,5 +82,14 @@ watch(() => renderedData.value, () => {
         padding-left: 10px;
         border-radius: 5px;
     }
+
+    hr {
+        display: block;
+        margin: 0;
+        unicode-bidi: isolate;
+        overflow: hidden;
+        border-style: inset;
+        border-width: 0;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/components/miaoCollapse.vue b/components/miaoCollapse.vue
index 0c83650..0ba02c6 100644
--- a/components/miaoCollapse.vue
+++ b/components/miaoCollapse.vue
@@ -15,9 +15,7 @@ const props = defineProps({
 })
 const cwRef = ref<HTMLDivElement>()
 const cRef = ref<HTMLDivElement>()
-const cwStyle = ref<{ [key: string]: string | number }>({
-    maxHeight: '99999vh',
-})
+const cwStyle = ref<{ [key: string]: string | number }>({})
 const cStyle = ref<{ [key: string]: string | number }>({})
 
 let originHeight = -1
@@ -33,19 +31,28 @@ const clearTimer = () => {
 
 const handleHide = () => {
     clearTimer()
+    calcOriginHeight();
     cwStyle.value = {
-        maxHeight: 0,
-        opacity: 0,
+        maxHeight: `${originHeight}px`,
+        opacity: 1,
         transition: "all 0.2s ease-in-out, opacity 0.1s ease-out",
-        pointerEvents: 'none',
     }
     timer.push(setTimeout(() => {
         cwStyle.value = {
             maxHeight: 0,
-            display: 'none',
             opacity: 0,
+            transition: "all 0.2s ease-in-out, opacity 0.1s ease-out",
+            pointerEvents: 'none',
         }
-    }, 300))
+        timer.push(setTimeout(() => {
+            cwStyle.value = {
+                maxHeight: 0,
+                display: 'none',
+                opacity: 0,
+                pointerEvents: 'none',
+            }
+        }, 300))
+    }))
 }
 
 const handleShow = () => {
@@ -53,13 +60,31 @@ const handleShow = () => {
     cwStyle.value = {
         maxHeight: 0,
         opacity: 0,
+        pointerEvents: 'none',
     }
     timer.push(setTimeout(() => {
+        calcOriginHeight();
         cwStyle.value = {
-            maxHeight: `${originHeight}px`,
-            opacity: 1,
-            transition: "all 0.2s ease-in-out, opacity 0.3s ease-in"
+            maxHeight: 0,
+            opacity: 0,
+            transition: "all .2s ease-in-out, opacity .15s ease-in .07s",
+            pointerEvents: 'none',
         }
+        timer.push(setTimeout(() => {
+            cwStyle.value = {
+                maxHeight: `${originHeight}px`,
+                opacity: 1,
+                transition: "all .2s ease-in-out, opacity .15s ease-in .07s"
+            }
+            timer.push(setTimeout(() => {
+                cwStyle.value = {
+                    opacity: 1,
+                }
+                nextTick(() => {
+                    calcOriginHeight()
+                })
+            }, 300))
+        }))
     }))
 }
 
@@ -73,11 +98,12 @@ watch(() => props.show, (newVal) => {
     }
 })
 
+const calcOriginHeight = () => {
+    originHeight = cRef.value!.clientHeight
+}
+
 onMounted(() => {
-    originHeight = cwRef.value!.clientHeight
-    cwStyle.value = {
-        maxHeight: `${originHeight}px`,
-    }
+    calcOriginHeight()
 })
 </script>
 
diff --git a/components/miaoQRScanner.vue b/components/miaoQRScanner.vue
new file mode 100644
index 0000000..39e4645
--- /dev/null
+++ b/components/miaoQRScanner.vue
@@ -0,0 +1,102 @@
+<template>
+    <div class="qr-scanner-wrapper">
+        <video ref="scannerDisplayRef"></video>
+        <!-- <canvas ref="testCtx" v-show="false"></canvas> -->
+    </div>
+</template>
+
+<script setup lang="ts">
+import jsQR from 'jsqr'
+
+const emit = defineEmits<{
+    onResult: [value: string]
+}>()
+
+const scannerDisplayRef = ref<HTMLVideoElement>()
+// const testCtx = ref<HTMLCanvasElement>()
+const result = reactive<string[]>([])
+
+let stream: MediaStream | null = null
+let timer: any | undefined = undefined
+
+const scannerResult = new Set()
+
+const getQRData = (videoFrame: ImageBitmap ): string | undefined => {
+    const canvas = document.createElement('canvas')
+    // const canvas = testCtx.value!
+    canvas.width = videoFrame.width
+    canvas.height = videoFrame.height
+    // console.log(canvas.width, canvas.height)
+    const ctx = canvas.getContext('2d')
+    ctx?.drawImage(videoFrame, 0, 0, canvas.width, canvas.height)
+    const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height)
+    if (!imageData) return undefined
+    const code = jsQR(imageData?.data, imageData?.width, imageData?.height)
+    return code?.data
+}
+
+const handleVideoTrack = (track: MediaStreamTrack) => {
+    timer && clearInterval(timer);
+    let errCount = 0
+    // @ts-ignore
+    const imageCapture = new ImageCapture(track)
+    timer = setInterval(async () => {
+        try {
+            const videoFrame = await imageCapture.grabFrame()
+            const data = getQRData(videoFrame)
+            if (data && !scannerResult.has(data)) {
+                console.log(data)
+                scannerResult.add(data)
+                result.push(data)
+                emit('onResult', data)
+            }
+            videoFrame.close()
+        } catch (e) {
+            errCount++
+            if (errCount > 10) {
+                clearInterval(timer)
+            }
+        }
+    }, 500)
+}
+
+onMounted(async () => {
+    try {
+        stream = await navigator.mediaDevices.getUserMedia({
+            video: { facingMode: 'environment' },
+        })
+    } catch (e) {
+        stream = await navigator.mediaDevices.getDisplayMedia({
+            video: true,
+        })
+    }
+    if (stream) {
+        scannerDisplayRef.value!.srcObject = stream
+        scannerDisplayRef.value!.play()
+        const videoTrack = stream.getVideoTracks()[0]
+        handleVideoTrack(videoTrack)
+    }
+})
+
+onBeforeUnmount(() => {
+    stream?.getTracks().forEach(track => track.stop())
+    clearInterval(timer)
+})
+
+</script>
+
+<style scoped>
+.qr-scanner-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    video {
+        height: inherit;
+        width: inherit;
+        max-height: inherit;
+        max-width: inherit;
+        object-fit: contain;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/components/tools/miaoQRGBCode.vue b/components/tools/miaoQRGBCode.vue
new file mode 100644
index 0000000..704a371
--- /dev/null
+++ b/components/tools/miaoQRGBCode.vue
@@ -0,0 +1,81 @@
+<template>
+    <div>
+        <canvas ref="canvasRefRGB"></canvas>
+    </div>
+</template>
+
+<script setup lang="ts">
+import QRCode from 'qrcode';
+import { onMounted, ref, watchEffect } from 'vue';
+
+const props = defineProps<{
+    value: string
+}>()
+
+const width = ref(600)
+
+const canvasRefRGB = ref<HTMLCanvasElement>()
+
+const generateQRCodeCanvasData = (data: string) => {
+    const canvas = document.createElement('canvas')
+    canvas.width = width.value
+    canvas.height = width.value
+    const ctx = canvas.getContext('2d')!
+    QRCode.toCanvas(canvas, [{ data: new TextEncoder().encode(data), mode: 'byte' }], {
+        width: width.value,
+    })
+    const imageData = ctx.getImageData(0, 0, width.value, width.value)
+    return imageData
+}
+
+const paddingData = (data: string) => {
+    const b64Data = btoa(data)
+    if (b64Data.length % 3 === 0) {
+        return b64Data + '012'
+    } else if (b64Data.length % 3 === 1) {
+        return b64Data + '01'
+    } else {
+        return b64Data + '0'
+    }
+}
+
+onMounted(() => {
+    watchEffect(() => {
+        const padedData = paddingData(props.value)
+        const data = {
+            r: padedData.slice(0, padedData.length / 3),
+            g: padedData.slice(padedData.length / 3, padedData.length / 3 * 2),
+            b: padedData.slice(padedData.length / 3 * 2, padedData.length)
+        }
+        // console.log({
+        //     data,
+        //     ECData: {
+        //         r: new TextEncoder().encode(data.r),
+        //         g: new TextEncoder().encode(data.g),
+        //         b: new TextEncoder().encode(data.b)
+        //     }
+        // })
+        const imgData = {
+            r: generateQRCodeCanvasData(data.r),
+            g: generateQRCodeCanvasData(data.g),
+            b: generateQRCodeCanvasData(data.b)
+        }
+        const rgbImgData = new ImageData(width.value, width.value)
+        for (let i = 0; i < rgbImgData.data.length; i += 4) {
+            rgbImgData.data[i] = imgData.r.data[i]
+            rgbImgData.data[i + 1] = imgData.g.data[i + 1]
+            rgbImgData.data[i + 2] = imgData.b.data[i + 2]
+            rgbImgData.data[i + 3] = 2 << 8 - 1
+        }
+        const canvas = canvasRefRGB.value!
+        canvas.width = width.value
+        canvas.height = width.value
+        const ctx = canvas.getContext('2d')!
+        ctx.putImageData(rgbImgData, 0, 0)
+    })
+})
+
+
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 38c12b3..b6c9f02 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,6 +1,8 @@
 // import AutoImport from "unplugin-auto-import/vite";
 // import Components from "unplugin-vue-components/vite";
 // import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import mkcert from "vite-plugin-mkcert";
+
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 // @ts-ignore
@@ -16,8 +18,10 @@ export default defineNuxtConfig({
 		}
 	},
 	vite: {
-		server: {},
-		plugins: [],
+		server: {
+			https: true,
+		},
+		plugins: [mkcert()],
 	},
 	modules: ["@pinia/nuxt", '@element-plus/nuxt'],
 	compatibilityDate: "2025-01-12",
diff --git a/package.json b/package.json
index 52bf516..cd323a1 100644
--- a/package.json
+++ b/package.json
@@ -10,29 +10,45 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@codemirror/lang-javascript": "^6.2.2",
+    "@codemirror/state": "^6.5.1",
     "@pinia/nuxt": "^0.9.0",
     "@types/node": "^22.10.5",
     "bcryptjs": "^2.4.3",
     "better-sqlite3": "11.3.0",
+    "codemirror": "^6.0.1",
     "dayjs": "^1.11.13",
     "jsonwebtoken": "^9.0.2",
+    "jsqr": "^1.4.0",
     "markdown-it": "^14.1.0",
     "node-fetch": "^3.3.2",
     "nuxt": "^3.15.1",
     "pinia": "^2.3.0",
+    "qrcode": "^1.5.4",
     "unplugin-auto-import": "^19.0.0",
     "unplugin-vue-components": "^28.0.0",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"
   },
   "devDependencies": {
+    "@codemirror/lang-go": "^6.0.1",
+    "@codemirror/lang-html": "^6.4.9",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-markdown": "^6.3.2",
+    "@codemirror/lang-python": "^6.1.7",
+    "@codemirror/lang-sass": "^6.0.2",
+    "@codemirror/lang-vue": "^0.1.3",
+    "@codemirror/lang-xml": "^6.1.0",
+    "@codemirror/lang-yaml": "^6.1.2",
     "@element-plus/nuxt": "^1.1.1",
     "@types/bcryptjs": "^2.4.6",
     "@types/better-sqlite3": "^7.6.12",
     "@types/jsonwebtoken": "^9.0.7",
     "@types/markdown-it": "^14.1.2",
+    "@types/qrcode": "^1.5.5",
     "element-plus": "^2.9.3",
-    "sass": "^1.83.1"
+    "sass": "^1.83.1",
+    "vite-plugin-mkcert": "^1.17.6"
   },
   "packageManager": "pnpm@9.15.3+sha512.1f79bc245a66eb0b07c5d4d83131240774642caaa86ef7d0434ab47c0d16f66b04e21e0c086eb61e62c77efc4d7f7ec071afad3796af64892fae66509173893a"
 }
diff --git a/pages/index.vue b/pages/index.vue
index 94fe573..98e266e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -91,8 +91,12 @@ const PageContent = reactive<PageContent[]>([
       },
       {
         name: 'MiaoBlog',
-        description: '施工中，不过不要抱有太大期待',
+        description: '施工中，不过最好不要抱有太大期待，毕竟还是以实现功能为目标去做的',
         links: [
+          {
+            name: "gitea",
+            url: "https://nj.miaospring.top:3001/539943419/miaoBlog.git"
+          },
           {
             name: "github",
             url: "https://github.com/Zioywishing/miaoBlog"
@@ -134,6 +138,26 @@ const PageContent = reactive<PageContent[]>([
           }
         ]
       },
+      {
+        name: '喵喵图床',
+        description: '其实就是一个很简陋的图床，上传，下载，没了',
+        nuxtLinks: [
+          {
+            name: 'link',
+            to: `/tools/imgBed`
+          }
+        ]
+      },
+      {
+        name: 'QRGB',
+        description: '把三个二维码叠在一起，真是创创又新新啊',
+        nuxtLinks: [
+          {
+            name: 'link',
+            to: `/tools/QRGB`
+          }
+        ]
+      },
     ]
   }, {
     subTitle: '学习资料',
diff --git a/pages/tools/QRGB.vue b/pages/tools/QRGB.vue
new file mode 100644
index 0000000..a70119a
--- /dev/null
+++ b/pages/tools/QRGB.vue
@@ -0,0 +1,15 @@
+<template>
+    <div>
+        <nuxt-link to="/tools/QRGB/code">code</nuxt-link>
+        <nuxt-link to="/tools/QRGB/scanner">scanner</nuxt-link>
+        <nuxt-page></nuxt-page>
+    </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages/tools/QRGB/code.vue b/pages/tools/QRGB/code.vue
new file mode 100644
index 0000000..a848d2b
--- /dev/null
+++ b/pages/tools/QRGB/code.vue
@@ -0,0 +1,21 @@
+<template>
+    <div>
+        <miaoQRGBCode :value="testData"/>
+        <div>{{ testData }}</div>
+        <input type="text" v-model="testData">
+        <!-- <miaoQRCode :value="testData"/> -->
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import miaoQRGBCode from '~/components/tools/miaoQRGBCode.vue';
+// import miaoQRCode from '../components/miaoQRCode.vue';
+
+const testData = ref(new Array(3).fill(0).map(_ => `${Math.random()}`).join(''))
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages/tools/QRGB/scanner.vue b/pages/tools/QRGB/scanner.vue
new file mode 100644
index 0000000..f040e58
--- /dev/null
+++ b/pages/tools/QRGB/scanner.vue
@@ -0,0 +1,149 @@
+<template>
+    <div class="qr-scanner-wrapper">
+        <video ref="scannerDisplayRef"></video>
+        <canvas ref="testCtx" style="transform: scale(.6);" v-show="true"></canvas>
+        <canvas ref="testCtxR" style="transform: scale(.6);" v-show="true"></canvas>
+        <canvas ref="testCtxG" style="transform: scale(.6);" v-show="true"></canvas>
+        <canvas ref="testCtxB" style="transform: scale(.6);" v-show="true"></canvas>
+        <div>{{ res }}</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import jsQR from 'jsqr'
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+
+const emit = defineEmits<{
+    onResult: [value: string]
+}>()
+
+const scannerDisplayRef = ref<HTMLVideoElement>()
+const testCtx = ref<HTMLCanvasElement>()
+const testCtxR = ref<HTMLCanvasElement>()
+const testCtxG = ref<HTMLCanvasElement>()
+const testCtxB = ref<HTMLCanvasElement>()
+// const result = reactive<string[]>([])
+const res = ref<string>('')
+
+let stream: MediaStream | null = null
+let timer: any | undefined = undefined
+
+const unpaddingData = (data: string) => {
+    if (data.endsWith('012')) {
+        return atob(data.slice(0, data.length - 3))    
+    } else if (data.endsWith('01')) {
+        return atob(data.slice(0, data.length - 2)) 
+    } else {
+        return atob(data.slice(0, data.length - 1)) 
+    }
+}
+
+// const scannerResult = new Set()
+
+const getQRDataFromVideoFrame = (videoFrame: VideoFrame): string | undefined => {
+    const canvas = testCtx.value!
+    canvas.width = videoFrame.codedWidth
+    canvas.height = videoFrame.codedHeight
+    // if (!videoFrame.codedWidth) return undefined
+    const ctx = canvas.getContext('2d')
+    ctx?.drawImage(videoFrame, 0, 0, canvas.width, canvas.height)
+    videoFrame.close()
+    const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height)
+    if (!imageData) return undefined
+    const imageDataRGB = {
+        r: new ImageData(canvas.width, canvas.height),
+        g: new ImageData(canvas.width, canvas.height),
+        b: new ImageData(canvas.width, canvas.height),
+    }
+    for (let i = 0; i < imageData.data.length; i += 4) {
+        imageDataRGB.r.data[i] = imageData.data[i]
+        imageDataRGB.r.data[i + 1] = imageData.data[i]
+        imageDataRGB.r.data[i + 2] = imageData.data[i]
+        imageDataRGB.r.data[i + 3] = imageData.data[i + 3]
+        imageDataRGB.g.data[i] = imageData.data[i + 1]
+        imageDataRGB.g.data[i + 1] = imageData.data[i + 1]
+        imageDataRGB.g.data[i + 2] = imageData.data[i + 1]
+        imageDataRGB.g.data[i + 3] = imageData.data[i + 3]
+        imageDataRGB.b.data[i] = imageData.data[i + 2]
+        imageDataRGB.b.data[i + 1] = imageData.data[i + 2]
+        imageDataRGB.b.data[i + 2] = imageData.data[i + 2]
+        imageDataRGB.b.data[i + 3] = imageData.data[i + 3]
+    }
+    testCtxR.value!.width = canvas.width
+    testCtxR.value!.height = canvas.height
+    testCtxG.value!.width = canvas.width
+    testCtxG.value!.height = canvas.height
+    testCtxB.value!.width = canvas.width
+    testCtxB.value!.height = canvas.height
+    testCtxR.value!.getContext('2d')?.putImageData(imageDataRGB.r, 0, 0)
+    testCtxG.value!.getContext('2d')?.putImageData(imageDataRGB.g, 0, 0)
+    testCtxB.value!.getContext('2d')?.putImageData(imageDataRGB.b, 0, 0)
+    // const code = jsQR(imageData?.data, imageData?.width, imageData?.height)
+    const codeR = jsQR(imageDataRGB.r.data, imageDataRGB.r.width, imageDataRGB.r.height)
+    const codeG = jsQR(imageDataRGB.g.data, imageDataRGB.g.width, imageDataRGB.g.height)
+    const codeB = jsQR(imageDataRGB.b.data, imageDataRGB.b.width, imageDataRGB.b.height)
+    if(!codeR || !codeG || !codeB) return undefined
+    const data = unpaddingData(codeR?.data + codeG?.data + codeB?.data)
+    return data
+}
+
+const handleTrackProcessor = async (track: MediaStreamTrack) => {
+    // @ts-ignore
+    const trackProcessor = new MediaStreamTrackProcessor(track);
+
+    const reader = trackProcessor.readable.getReader();
+    while (true) {
+        const result = await reader.read();
+        if (result.done) break;
+        const frameFromCamera = result.value as VideoFrame;
+        const data = getQRDataFromVideoFrame(frameFromCamera)
+        if (data) {
+           res.value = data 
+           console.log(data)
+           emit('onResult', data)
+        }
+    }
+}
+
+onMounted(async () => {
+    try {
+        stream = await navigator.mediaDevices.getUserMedia({
+            video: { facingMode: 'environment' },
+        })
+    } catch (e) {
+        stream = await navigator.mediaDevices.getDisplayMedia({
+            video: true,
+        })
+    }
+    if (stream) {
+        scannerDisplayRef.value!.srcObject = stream
+        scannerDisplayRef.value!.play()
+        const videoTrack = stream.getVideoTracks()[0]
+        // handleVideoTrack(videoTrack)
+        handleTrackProcessor(videoTrack)
+    }
+})
+
+onBeforeUnmount(() => {
+    stream?.getTracks().forEach(track => track.stop())
+    clearInterval(timer)
+})
+
+</script>
+
+<style scoped>
+.qr-scanner-wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    video {
+        height: inherit;
+        width: inherit;
+        max-height: inherit;
+        max-width: inherit;
+        object-fit: contain;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/tools/QRScanner.vue b/pages/tools/QRScanner.vue
new file mode 100644
index 0000000..d17bce2
--- /dev/null
+++ b/pages/tools/QRScanner.vue
@@ -0,0 +1,19 @@
+<template>
+    <div class="qr-scanner-wrapper">
+        <miaoQRScanner></miaoQRScanner>
+     </div>
+</template>
+
+<script setup lang="ts">
+import miaoQRScanner from '~/components/miaoQRScanner.vue';
+</script>
+
+<style scoped>
+.qr-scanner-wrapper {
+    width: 100%;
+    height: calc(100vh - 60px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+</style>
\ No newline at end of file
diff --git a/pages/tools/fucksq.vue b/pages/tools/fucksq.vue
index 187ba6a..faf7c60 100644
--- a/pages/tools/fucksq.vue
+++ b/pages/tools/fucksq.vue
@@ -4,11 +4,17 @@
         <el-divider></el-divider>
         <main class="fuck-sq-main">
             <el-row style="width: 100%;" :gutter="20">
-                <el-col :span="24">
+                <el-col :span="16">
                     <el-input v-model="url">
                         <template #prepend>链接</template>
                     </el-input>
                 </el-col>
+                <el-col :span="4">
+                    <el-button type="primary" style="width: 100%" @click="handleSelectImage">图片</el-button>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary" style="width: 100%" @click="handleOpenScanner">扫码</el-button>
+                </el-col>
             </el-row>
             <el-row style="width: 100%;" :gutter="20">
                 <el-col :span="13" class="col-flex-end">
@@ -16,11 +22,12 @@
                     <el-input-number style="width: 130px;" v-model="likes" :min="1" :max="300" />
                 </el-col>
                 <el-col :span="4" class="col-flex-end">
-                    <el-button type="primary" style="width: 100%"
-                        :disabled="status === 'busy' || id === undefined" @click="handleStart">开始</el-button>
+                    <el-button type="primary" style="width: 100%" :disabled="status === 'busy' || id === undefined"
+                        @click="handleStart">开始</el-button>
                 </el-col>
                 <el-col :span="7" class="col-flex-end">
-                    <el-button type="primary" style="width: 100%" :disabled="messages.length === 0" @click="handleClear">清空输出</el-button>
+                    <el-button type="primary" style="width: 100%" :disabled="messages.length === 0"
+                        @click="handleClear">清空输出</el-button>
                 </el-col>
             </el-row>
             <div class="message-container-wrapper">
@@ -35,15 +42,25 @@
                 </el-scrollbar>
             </div>
         </main>
+        <div class="qr-scanner" v-if="displayQRScanner" @click="displayQRScanner = false">
+            <miaoQRScanner class="qr-scanner-scanner" @on-result="handleScannerRes" @click.stop></miaoQRScanner>
+        </div>
     </div>
 </template>
 
 <script setup lang="ts">
+import jsQR from 'jsqr'
+
+
+// const router = useRouter()
+const testCRef = ref<HTMLCanvasElement>()
 
 const url = ref('')
 const likes = ref(10)
 const status = ref<'waiting' | 'busy'>('waiting')
 
+const displayQRScanner = ref(false)
+
 const messages = reactive<{
     timestamp: number,
     message: string,
@@ -58,10 +75,14 @@ const log = (...message: string[]) => {
     })
 }
 
-const id = computed(() => {
-    const idMatch0 = url.value.match(/id%3D(\d+)/);
-    const idMatch1 = url.value.match(/id=(\d+)/);
+const matchId = (url: string) => {
+    const idMatch0 = url.match(/id%3D(\d+)/);
+    const idMatch1 = url.match(/id=(\d+)/);
     return idMatch0 ? idMatch0[1] : idMatch1 ? idMatch1[1] : undefined
+}
+
+const id = computed(() => {
+    return matchId(url.value)
 })
 
 const _fd = (
@@ -77,12 +98,12 @@ const handleStart = () => {
     };
     sse.onmessage = function (event) {
         const data = JSON.parse(event.data.split('data: ')[1])
-        if(data.likeCountBefore || data.likeCountAfter) {
+        if (data.likeCountBefore || data.likeCountAfter) {
             log(`当前赞数: ${data?.likeCountBefore ?? data?.likeCountAfter}`)
-        } else if(data.process) {
+        } else if (data.process) {
             log(`已点赞 ${data.process} 次，已完成 ${data.percent}%`)
         }
-        if(data.likeCountAfter) {
+        if (data.likeCountAfter) {
             sse.close()
             log('任务完成')
             status.value = 'waiting'
@@ -101,6 +122,46 @@ const handleClear = () => {
     messages.splice(0, messages.length)
 }
 
+const handleOpenScanner = () => {
+    // router.push('/tools/QRScanner')
+    displayQRScanner.value = true
+}
+
+const handleScannerRes = (res: string) => {
+    const id = matchId(res)
+    if (id) {
+        url.value = res
+    }
+    displayQRScanner.value = false
+}
+
+const handleSelectImage = async () => {
+    const fper = new FilePicker()
+    const files = await fper.pick({
+        accept: 'image/*',
+        multiple: false
+    })
+    const file = files[0]
+    const canvas = document.createElement('canvas')
+    const ctx = canvas.getContext('2d')!
+    const img = await createImageBitmap(file)
+    canvas.width = img.width
+    canvas.height = img.height
+    ctx.drawImage(img, 0, 0, img.width, img.height)
+    const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height)
+    if (!imageData) return 
+    const code = jsQR(imageData?.data, imageData?.width, imageData?.height)
+    if(code?.data) {
+        const _url = code.data
+        const id = matchId(_url)
+        if(id) {
+            url.value = _url
+        } else {
+            log('图片未识别到id')
+        }
+    }
+}
+
 watchEffect(() => {
     if (id.value) {
         log(`识别到id: ${id.value}`)
@@ -111,7 +172,7 @@ watchEffect(() => {
 
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .fuck-sq-wrapper {
     width: 95%;
     height: 100%;
@@ -150,16 +211,36 @@ watchEffect(() => {
 .message-container {
     width: 100%;
     max-width: 800px;
-    height: calc( 100vh - 350px );
-    max-height: calc( 100vh - 350px );
+    height: calc(100vh - 350px);
+    max-height: calc(100vh - 350px);
     overflow-y: auto;
     display: flex;
     flex-direction: column;
-    padding: 10px 0 ;
+    padding: 10px 0;
 }
 
-.message-container-message  {
+.message-container-message {
     width: 95%;
     margin: 0 10px;
 }
+
+.qr-scanner {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 3000;
+
+    &-scanner {
+        max-width: 80vw;
+        max-height: 80vh;
+        // height: 80%;
+        object-fit: contain;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/pages/tools/imgBed.vue b/pages/tools/imgBed.vue
new file mode 100644
index 0000000..9d9559d
--- /dev/null
+++ b/pages/tools/imgBed.vue
@@ -0,0 +1,196 @@
+<template>
+    <div class="imgBed-wrapper">
+        <div class="imgBed-wrapper-upload">
+            <el-upload class="imgBed-wrapper-upload-el" :auto-upload="false" v-model="fileList"
+                action="/api/tools/imgBed/upload" ref="uploadRef" :headers="headers" drag :data="data"
+                @success="handleSuccess">
+                <template #trigger>
+                    <div class="imgBed-upload">
+                        <upload class="imgBed-upload-icon"></upload>
+                        <el-text style="margin: 0;">拖拽 图片 至此<br />或单击此处选择文件</el-text>
+                    </div>
+                </template>
+            </el-upload>
+            <el-row>
+                <el-col :span="17">
+                    <el-input v-model="expire" placeholder="有效期(小时)" style="width: 100%;">
+                        <template #prepend>过期时间（小时）</template>
+                    </el-input>
+                </el-col>
+                <el-col :span="7" class="flex-end">
+                    <el-button type="primary" @click="handleUpload">
+                        点击上传图片
+                    </el-button>
+                </el-col>
+            </el-row>
+            <el-table :data="tableData" style="width: 100%">
+                <el-table-column show-overflow-tooltip prop="name" label="文件名" />
+                <el-table-column prop="expire" label="过期时间" width="180" />
+                <el-table-column fixed="right" prop="share" label="操作" width="180">
+                    <template #default="scoped">
+                        <el-button link type="primary" size="small" @click="handleDownload(scoped.row)">
+                            下载
+                        </el-button>
+                        <el-button link type="primary" size="small" @click="handleShare(scoped.row)">分享</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <el-dialog v-model="showShareDialog" title="分享链接">
+            <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                <img :src="shareDialogData.img" alt="shareQRCodeBase64" />
+                <div style="max-width: 80%;">
+                    <span>{{ shareDialogData.url }}</span>
+                    <span>
+                        <copy style="width: 15px; margin-left: 4px; transform: translateY(3px); cursor: pointer;" @click="handleCopyUrl(shareDialogData.url)"></copy>
+                    </span>
+                </div>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type { UploadInstance } from 'element-plus';
+import upload from '~/components/icons/upload.vue';
+import copy from '~/components/icons/copy.vue';
+// @ts-ignore
+import QRCode from 'qrcode'
+
+const fileList = ref([])
+const headers = reactive({
+    Authorization: ``
+})
+const uploadRef = ref<UploadInstance>()
+
+const tableData = reactive<{
+    name: string;
+    expire: string;
+    hash: string;
+}[]>([])
+
+const showShareDialog = ref(false)
+
+const shareDialogData = ref({
+    img: '',
+    url: '',
+})
+
+const expire = ref(1)
+
+const data = computed(() => {
+    return {
+        expire: expire.value * 3600 * 1000
+    }
+})
+
+const handleUpload = () => {
+    uploadRef.value!.submit()
+}
+
+const handleSuccess = (res: {
+    code: number;
+    fileName: string;
+    expire: number;
+    hash: string;
+    fileSize: number;
+}) => {
+    if (res.code === 200) {
+        const data = {
+            name: res.fileName,
+            expire: formatDate(new Date(Number(res.expire)), 'yyyy-MM-dd HH:mm:ss'),
+            expireDate: Number(res.expire),
+            hash: res.hash,
+        }
+        tableData.push(data)
+    }
+}
+
+const handleDownload = (row: {
+    name: string;
+    hash: string;
+}) => {
+    const url = `/api/tools/imgBed/download/${row.hash}`
+    const a = document.createElement('a')
+    a.download = row.name
+    a.href = url
+    a.click()
+}
+
+const handleShare = async (row: {
+    name: string;
+    hash: string;
+}) => {
+    const url = `${location.origin}/api/tools/imgBed/download/${row.hash}`
+    const data = await QRCode.toDataURL(url)
+    shareDialogData.value = {
+        img: data,
+        url: url,
+    }
+    showShareDialog.value = true
+}
+
+const handleCopyUrl = async (url: string) => {
+    await navigator.clipboard.writeText(url)
+    ElMessage.success('复制成功')
+}
+
+onMounted(() => {
+    const record = localStorage.getItem('miaoTool-imgBed-uploadRecord')
+    if (record) {
+        let _record = JSON.parse(record)
+        // console.log({ _record, record })
+        _record = _record.filter((item: { expireDate: number }) => {
+            return item.expireDate && item.expireDate > Date.now()
+        })
+        tableData.push(..._record)
+    }
+
+    watchEffect(() => {
+        localStorage.setItem('miaoTool-imgBed-uploadRecord', JSON.stringify(tableData))
+    })
+})
+</script>
+
+<style lang="scss" scoped>
+.imgBed-wrapper {
+    // box-sizing: border-box;
+    position: relative;
+    margin: 0 20px;
+    padding: 20px 0 0 0;
+    width: 100%;
+    // height: calc(100vh - 60px);
+    // max-height: calc(100vh - 60px);
+    max-width: 800px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    &-upload {
+        width: 95%;
+
+        &-el {
+            margin-bottom: 30px;
+        }
+    }
+
+    .imgBed-upload {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        margin: 5px;
+
+        &-icon {
+            display: block;
+            width: 45px;
+            color: #595959;
+        }
+    }
+}
+
+.flex-end {
+    display: flex;
+    justify-content: flex-end;
+}
+</style>
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a197e0b..19389f6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,6 +8,12 @@ importers:
 
   .:
     dependencies:
+      '@codemirror/lang-javascript':
+        specifier: ^6.2.2
+        version: 6.2.2
+      '@codemirror/state':
+        specifier: ^6.5.1
+        version: 6.5.1
       '@pinia/nuxt':
         specifier: ^0.9.0
         version: 0.9.0(magicast@0.3.5)(pinia@2.3.0(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3)))(rollup@4.30.1)
@@ -20,12 +26,18 @@ importers:
       better-sqlite3:
         specifier: 11.3.0
         version: 11.3.0
+      codemirror:
+        specifier: ^6.0.1
+        version: 6.0.1
       dayjs:
         specifier: ^1.11.13
         version: 1.11.13
       jsonwebtoken:
         specifier: ^9.0.2
         version: 9.0.2
+      jsqr:
+        specifier: ^1.4.0
+        version: 1.4.0
       markdown-it:
         specifier: ^14.1.0
         version: 14.1.0
@@ -38,6 +50,9 @@ importers:
       pinia:
         specifier: ^2.3.0
         version: 2.3.0(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3))
+      qrcode:
+        specifier: ^1.5.4
+        version: 1.5.4
       unplugin-auto-import:
         specifier: ^19.0.0
         version: 19.0.0(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(@vueuse/core@9.13.0(vue@3.5.13(typescript@5.7.3)))(rollup@4.30.1)
@@ -51,6 +66,33 @@ importers:
         specifier: ^4.3.0
         version: 4.5.0(vue@3.5.13(typescript@5.7.3))
     devDependencies:
+      '@codemirror/lang-go':
+        specifier: ^6.0.1
+        version: 6.0.1
+      '@codemirror/lang-html':
+        specifier: ^6.4.9
+        version: 6.4.9
+      '@codemirror/lang-json':
+        specifier: ^6.0.1
+        version: 6.0.1
+      '@codemirror/lang-markdown':
+        specifier: ^6.3.2
+        version: 6.3.2
+      '@codemirror/lang-python':
+        specifier: ^6.1.7
+        version: 6.1.7
+      '@codemirror/lang-sass':
+        specifier: ^6.0.2
+        version: 6.0.2
+      '@codemirror/lang-vue':
+        specifier: ^0.1.3
+        version: 0.1.3
+      '@codemirror/lang-xml':
+        specifier: ^6.1.0
+        version: 6.1.0
+      '@codemirror/lang-yaml':
+        specifier: ^6.1.2
+        version: 6.1.2
       '@element-plus/nuxt':
         specifier: ^1.1.1
         version: 1.1.1(@element-plus/icons-vue@2.3.1(vue@3.5.13(typescript@5.7.3)))(element-plus@2.9.3(vue@3.5.13(typescript@5.7.3)))(magicast@0.3.5)(rollup@4.30.1)
@@ -66,12 +108,18 @@ importers:
       '@types/markdown-it':
         specifier: ^14.1.2
         version: 14.1.2
+      '@types/qrcode':
+        specifier: ^1.5.5
+        version: 1.5.5
       element-plus:
         specifier: ^2.9.3
         version: 2.9.3(vue@3.5.13(typescript@5.7.3))
       sass:
         specifier: ^1.83.1
         version: 1.83.1
+      vite-plugin-mkcert:
+        specifier: ^1.17.6
+        version: 1.17.6(vite@6.0.7(@types/node@22.10.5)(jiti@2.4.2)(sass@1.83.1)(terser@5.37.0)(yaml@2.7.0))
 
 packages:
 
@@ -226,6 +274,60 @@ packages:
     resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==}
     engines: {node: '>=16.13'}
 
+  '@codemirror/autocomplete@6.18.4':
+    resolution: {integrity: sha512-sFAphGQIqyQZfP2ZBsSHV7xQvo9Py0rV0dW7W3IMRdS+zDuNb2l3no78CvUaWKGfzFjI4FTrLdUSj86IGb2hRA==}
+
+  '@codemirror/commands@6.8.0':
+    resolution: {integrity: sha512-q8VPEFaEP4ikSlt6ZxjB3zW72+7osfAYW9i8Zu943uqbKuz6utc1+F170hyLUCUltXORjQXRyYQNfkckzA/bPQ==}
+
+  '@codemirror/lang-css@6.3.1':
+    resolution: {integrity: sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==}
+
+  '@codemirror/lang-go@6.0.1':
+    resolution: {integrity: sha512-7fNvbyNylvqCphW9HD6WFnRpcDjr+KXX/FgqXy5H5ZS0eC5edDljukm/yNgYkwTsgp2busdod50AOTIy6Jikfg==}
+
+  '@codemirror/lang-html@6.4.9':
+    resolution: {integrity: sha512-aQv37pIMSlueybId/2PVSP6NPnmurFDVmZwzc7jszd2KAF8qd4VBbvNYPXWQq90WIARjsdVkPbw29pszmHws3Q==}
+
+  '@codemirror/lang-javascript@6.2.2':
+    resolution: {integrity: sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==}
+
+  '@codemirror/lang-json@6.0.1':
+    resolution: {integrity: sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==}
+
+  '@codemirror/lang-markdown@6.3.2':
+    resolution: {integrity: sha512-c/5MYinGbFxYl4itE9q/rgN/sMTjOr8XL5OWnC+EaRMLfCbVUmmubTJfdgpfcSS2SCaT7b+Q+xi3l6CgoE+BsA==}
+
+  '@codemirror/lang-python@6.1.7':
+    resolution: {integrity: sha512-mZnFTsL4lW5p9ch8uKNKeRU3xGGxr1QpESLilfON2E3fQzOa/OygEMkaDvERvXDJWJA9U9oN/D4w0ZuUzNO4+g==}
+
+  '@codemirror/lang-sass@6.0.2':
+    resolution: {integrity: sha512-l/bdzIABvnTo1nzdY6U+kPAC51czYQcOErfzQ9zSm9D8GmNPD0WTW8st/CJwBTPLO8jlrbyvlSEcN20dc4iL0Q==}
+
+  '@codemirror/lang-vue@0.1.3':
+    resolution: {integrity: sha512-QSKdtYTDRhEHCfo5zOShzxCmqKJvgGrZwDQSdbvCRJ5pRLWBS7pD/8e/tH44aVQT6FKm0t6RVNoSUWHOI5vNug==}
+
+  '@codemirror/lang-xml@6.1.0':
+    resolution: {integrity: sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==}
+
+  '@codemirror/lang-yaml@6.1.2':
+    resolution: {integrity: sha512-dxrfG8w5Ce/QbT7YID7mWZFKhdhsaTNOYjOkSIMt1qmC4VQnXSDSYVHHHn8k6kJUfIhtLo8t1JJgltlxWdsITw==}
+
+  '@codemirror/language@6.10.8':
+    resolution: {integrity: sha512-wcP8XPPhDH2vTqf181U8MbZnW+tDyPYy0UzVOa+oHORjyT+mhhom9vBd7dApJwoDz9Nb/a8kHjJIsuA/t8vNFw==}
+
+  '@codemirror/lint@6.8.4':
+    resolution: {integrity: sha512-u4q7PnZlJUojeRe8FJa/njJcMctISGgPQ4PnWsd9268R4ZTtU+tfFYmwkBvgcrK2+QQ8tYFVALVb5fVJykKc5A==}
+
+  '@codemirror/search@6.5.8':
+    resolution: {integrity: sha512-PoWtZvo7c1XFeZWmmyaOp2G0XVbOnm+fJzvghqGAktBW3cufwJUWvSCcNG0ppXiBEM05mZu6RhMtXPv2hpllig==}
+
+  '@codemirror/state@6.5.1':
+    resolution: {integrity: sha512-3rA9lcwciEB47ZevqvD8qgbzhM9qMb8vCcQCNmDfVRPQG4JT9mSb0Jg8H7YjKGGQcFnLN323fj9jdnG59Kx6bg==}
+
+  '@codemirror/view@6.36.2':
+    resolution: {integrity: sha512-DZ6ONbs8qdJK0fdN7AB82CgI6tYXf4HWk1wSVa0+9bhVznCuuvhQtX8bFBoy3dv8rZSQqUd8GvhVAcielcidrA==}
+
   '@ctrl/tinycolor@3.6.1':
     resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
     engines: {node: '>=10'}
@@ -576,11 +678,53 @@ packages:
   '@kwsites/promise-deferred@1.1.1':
     resolution: {integrity: sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==}
 
+  '@lezer/common@1.2.3':
+    resolution: {integrity: sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==}
+
+  '@lezer/css@1.1.9':
+    resolution: {integrity: sha512-TYwgljcDv+YrV0MZFFvYFQHCfGgbPMR6nuqLabBdmZoFH3EP1gvw8t0vae326Ne3PszQkbXfVBjCnf3ZVCr0bA==}
+
+  '@lezer/go@1.0.0':
+    resolution: {integrity: sha512-co9JfT3QqX1YkrMmourYw2Z8meGC50Ko4d54QEcQbEYpvdUvN4yb0NBZdn/9ertgvjsySxHsKzH3lbm3vqJ4Jw==}
+
+  '@lezer/highlight@1.2.1':
+    resolution: {integrity: sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==}
+
+  '@lezer/html@1.3.10':
+    resolution: {integrity: sha512-dqpT8nISx/p9Do3AchvYGV3qYc4/rKr3IBZxlHmpIKam56P47RSHkSF5f13Vu9hebS1jM0HmtJIwLbWz1VIY6w==}
+
+  '@lezer/javascript@1.4.21':
+    resolution: {integrity: sha512-lL+1fcuxWYPURMM/oFZLEDm0XuLN128QPV+VuGtKpeaOGdcl9F2LYC3nh1S9LkPqx9M0mndZFdXCipNAZpzIkQ==}
+
+  '@lezer/json@1.0.3':
+    resolution: {integrity: sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==}
+
+  '@lezer/lr@1.4.2':
+    resolution: {integrity: sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==}
+
+  '@lezer/markdown@1.4.0':
+    resolution: {integrity: sha512-mk4MYeq6ZQdxgsgRAe0G7kqPRV6Desajfa14TcHoGGXIqqj1/2ARN31VFpmrXDgvXiGBWpA7RXtv0he+UdTkGw==}
+
+  '@lezer/python@1.1.15':
+    resolution: {integrity: sha512-aVQ43m2zk4FZYedCqL0KHPEUsqZOrmAvRhkhHlVPnDD1HODDyyQv5BRIuod4DadkgBEZd53vQOtXTonNbEgjrQ==}
+
+  '@lezer/sass@1.0.7':
+    resolution: {integrity: sha512-8HLlOkuX/SMHOggI2DAsXUw38TuURe+3eQ5hiuk9QmYOUyC55B1dYEIMkav5A4IELVaW4e1T4P9WRiI5ka4mdw==}
+
+  '@lezer/xml@1.0.6':
+    resolution: {integrity: sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==}
+
+  '@lezer/yaml@1.0.3':
+    resolution: {integrity: sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==}
+
   '@mapbox/node-pre-gyp@2.0.0-rc.0':
     resolution: {integrity: sha512-nhSMNprz3WmeRvd8iUs5JqkKr0Ncx46JtPxM3AhXes84XpSJfmIwKeWXRpsr53S7kqPkQfPhzrMFUxSNb23qSA==}
     engines: {node: '>=18'}
     hasBin: true
 
+  '@marijn/find-cluster-break@1.0.2':
+    resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
+
   '@netlify/functions@2.8.2':
     resolution: {integrity: sha512-DeoAQh8LuNPvBE4qsKlezjKj0PyXDryOFJfJKo3Z1qZLKzQ21sT314KQKPVjfvw6knqijj+IO+0kHXy/TJiqNA==}
     engines: {node: '>=14.0.0'}
@@ -642,6 +786,58 @@ packages:
     peerDependencies:
       vue: ^3.3.4
 
+  '@octokit/auth-token@4.0.0':
+    resolution: {integrity: sha512-tY/msAuJo6ARbK6SPIxZrPBms3xPbfwBrulZe0Wtr/DIY9lje2HeV1uoebShn6mx7SjCHif6EjMvoREj+gZ+SA==}
+    engines: {node: '>= 18'}
+
+  '@octokit/core@5.2.0':
+    resolution: {integrity: sha512-1LFfa/qnMQvEOAdzlQymH0ulepxbxnCYAKJZfMci/5XJyIHWgEYnDmgnKakbTh7CH2tFQ5O60oYDvns4i9RAIg==}
+    engines: {node: '>= 18'}
+
+  '@octokit/endpoint@9.0.5':
+    resolution: {integrity: sha512-ekqR4/+PCLkEBF6qgj8WqJfvDq65RH85OAgrtnVp1mSxaXF03u2xW/hUdweGS5654IlC0wkNYC18Z50tSYTAFw==}
+    engines: {node: '>= 18'}
+
+  '@octokit/graphql@7.1.0':
+    resolution: {integrity: sha512-r+oZUH7aMFui1ypZnAvZmn0KSqAUgE1/tUXIWaqUCa1758ts/Jio84GZuzsvUkme98kv0WFY8//n0J1Z+vsIsQ==}
+    engines: {node: '>= 18'}
+
+  '@octokit/openapi-types@23.0.1':
+    resolution: {integrity: sha512-izFjMJ1sir0jn0ldEKhZ7xegCTj/ObmEDlEfpFrx4k/JyZSMRHbO3/rBwgE7f3m2DHt+RrNGIVw4wSmwnm3t/g==}
+
+  '@octokit/plugin-paginate-rest@11.3.1':
+    resolution: {integrity: sha512-ryqobs26cLtM1kQxqeZui4v8FeznirUsksiA+RYemMPJ7Micju0WSkv50dBksTuZks9O5cg4wp+t8fZ/cLY56g==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '5'
+
+  '@octokit/plugin-request-log@4.0.1':
+    resolution: {integrity: sha512-GihNqNpGHorUrO7Qa9JbAl0dbLnqJVrV8OXe2Zm5/Y4wFkZQDfTreBzVmiRfJVfE4mClXdihHnbpyyO9FSX4HA==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': '5'
+
+  '@octokit/plugin-rest-endpoint-methods@13.2.2':
+    resolution: {integrity: sha512-EI7kXWidkt3Xlok5uN43suK99VWqc8OaIMktY9d9+RNKl69juoTyxmLoWPIZgJYzi41qj/9zU7G/ljnNOJ5AFA==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      '@octokit/core': ^5
+
+  '@octokit/request-error@5.1.0':
+    resolution: {integrity: sha512-GETXfE05J0+7H2STzekpKObFe765O5dlAKUTLNGeH+x47z7JjXHfsHKo5z21D/o/IOZTUEI6nyWyR+bZVP/n5Q==}
+    engines: {node: '>= 18'}
+
+  '@octokit/request@8.4.0':
+    resolution: {integrity: sha512-9Bb014e+m2TgBeEJGEbdplMVWwPmL1FPtggHQRkV+WVsMggPtEkLKPlcVYm/o8xKLkpJ7B+6N8WfQMtDLX2Dpw==}
+    engines: {node: '>= 18'}
+
+  '@octokit/rest@20.1.1':
+    resolution: {integrity: sha512-MB4AYDsM5jhIHro/dq4ix1iWTLGToIGk6cWF5L6vanFaMble5jTX/UBQyiv05HsWnwUtY8JrfHy2LWfKwihqMw==}
+    engines: {node: '>= 18'}
+
+  '@octokit/types@13.7.0':
+    resolution: {integrity: sha512-BXfRP+3P3IN6fd4uF3SniaHKOO4UXWBfkdR3vA8mIvaoO/wLjGN5qivUtW0QRitBHHMcfC41SLhNVYIZZE+wkA==}
+
   '@parcel/watcher-android-arm64@2.5.0':
     resolution: {integrity: sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==}
     engines: {node: '>= 10.0.0'}
@@ -982,6 +1178,9 @@ packages:
   '@types/parse-path@7.0.3':
     resolution: {integrity: sha512-LriObC2+KYZD3FzCrgWGv/qufdUy4eXrxcLgQMfYXgPbLIecKIsVBaQgUPmxSSLcjmYbDTQbMgr6qr6l/eb7Bg==}
 
+  '@types/qrcode@1.5.5':
+    resolution: {integrity: sha512-CdfBi/e3Qk+3Z/fXYShipBT13OJ2fDO2Q2w5CIP5anLTLIndQG9z6P1cnm+8zCWSpm5dnxMFd/uREtb0EXuQzg==}
+
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
@@ -1179,6 +1378,9 @@ packages:
   async@3.2.6:
     resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
   autoprefixer@10.4.20:
     resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1186,6 +1388,9 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
+  axios@1.7.9:
+    resolution: {integrity: sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==}
+
   b4a@1.6.7:
     resolution: {integrity: sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==}
 
@@ -1201,6 +1406,9 @@ packages:
   bcryptjs@2.4.3:
     resolution: {integrity: sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ==}
 
+  before-after-hook@2.2.3:
+    resolution: {integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==}
+
   better-sqlite3@11.3.0:
     resolution: {integrity: sha512-iHt9j8NPYF3oKCNOO5ZI4JwThjt3Z6J6XrcwG85VNMVzv1ByqrHWv5VILEbCMFWDsoHhXvQ7oC8vgRXFAKgl9w==}
 
@@ -1267,6 +1475,10 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
+  camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
@@ -1306,6 +1518,9 @@ packages:
     resolution: {integrity: sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==}
     engines: {node: '>=18'}
 
+  cliui@6.0.0:
+    resolution: {integrity: sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==}
+
   cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -1314,6 +1529,9 @@ packages:
     resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
     engines: {node: '>=0.10.0'}
 
+  codemirror@6.0.1:
+    resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1327,6 +1545,10 @@ packages:
   colorette@1.4.0:
     resolution: {integrity: sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==}
 
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -1380,6 +1602,9 @@ packages:
     resolution: {integrity: sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==}
     engines: {node: '>= 14'}
 
+  crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+
   croner@9.0.0:
     resolution: {integrity: sha512-onMB0OkDjkXunhdW9htFjEhqrD54+M94i6ackoUkjHKbRnXdyEyKRelp4nJ1kAz32+s27jP1FsebpJCVl0BsvA==}
     engines: {node: '>=18.0'}
@@ -1490,6 +1715,10 @@ packages:
       supports-color:
         optional: true
 
+  decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+
   decompress-response@6.0.0:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
@@ -1521,6 +1750,10 @@ packages:
   defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
   denque@2.1.0:
     resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
     engines: {node: '>=0.10'}
@@ -1529,6 +1762,9 @@ packages:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
     engines: {node: '>= 0.8'}
 
+  deprecation@2.3.1:
+    resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
+
   destr@2.0.3:
     resolution: {integrity: sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==}
 
@@ -1552,6 +1788,9 @@ packages:
     resolution: {integrity: sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==}
     engines: {node: '>=0.3.1'}
 
+  dijkstrajs@1.0.3:
+    resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
+
   dom-serializer@2.0.0:
     resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
 
@@ -1716,13 +1955,30 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
   flatted@3.3.2:
     resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
 
+  follow-redirects@1.15.9:
+    resolution: {integrity: sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
   foreground-child@3.3.0:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
+  form-data@4.0.1:
+    resolution: {integrity: sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==}
+    engines: {node: '>= 6'}
+
   formdata-polyfill@4.0.10:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
@@ -2036,6 +2292,9 @@ packages:
     resolution: {integrity: sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==}
     engines: {node: '>=12', npm: '>=6'}
 
+  jsqr@1.4.0:
+    resolution: {integrity: sha512-dxLob7q65Xg2DvstYkRpkYtmKm2sPJ9oFhrhmudT1dZvNFFTlroai3AWSpLey/w5vMcLBXRgOJsbXpdN9HzU/A==}
+
   jwa@1.4.1:
     resolution: {integrity: sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==}
 
@@ -2078,6 +2337,10 @@ packages:
     resolution: {integrity: sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==}
     engines: {node: '>=14'}
 
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
   lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
 
@@ -2171,6 +2434,14 @@ packages:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
+  mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+
   mime@1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
     engines: {node: '>=4'}
@@ -2407,6 +2678,18 @@ packages:
     peerDependencies:
       typescript: ^5.x
 
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
   package-json-from-dist@1.0.1:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
 
@@ -2435,6 +2718,10 @@ packages:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
 
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
   path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
@@ -2494,6 +2781,10 @@ packages:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
 
+  pngjs@5.0.0:
+    resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
+    engines: {node: '>=10.13.0'}
+
   postcss-calc@10.1.0:
     resolution: {integrity: sha512-uQ/LDGsf3mgsSUEXmAt3VsCSHR3aKqtEIkmB+4PhzYwRYOW5MZs/GhCCFpsOtJJkP6EC6uGipbrnaTjqaJZcJw==}
     engines: {node: ^18.12 || ^20.9 || >=22.0}
@@ -2694,6 +2985,9 @@ packages:
   protocols@2.0.1:
     resolution: {integrity: sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==}
 
+  proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
   pump@3.0.2:
     resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
 
@@ -2701,6 +2995,11 @@ packages:
     resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
     engines: {node: '>=6'}
 
+  qrcode@1.5.4:
+    resolution: {integrity: sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -2762,6 +3061,9 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  require-main-filename@2.0.0:
+    resolution: {integrity: sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==}
+
   resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
@@ -2844,6 +3146,9 @@ packages:
     resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
     engines: {node: '>= 0.8.0'}
 
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
@@ -2954,6 +3259,9 @@ packages:
   strip-literal@2.1.1:
     resolution: {integrity: sha512-631UJ6O00eNGfMiWG78ck80dfBab8X6IVFB51jZK5Icd7XAs60Z5y7QdSd/wGIklnWvRbUNloVzhOKKmutxQ6Q==}
 
+  style-mod@4.1.2:
+    resolution: {integrity: sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==}
+
   stylehacks@7.0.4:
     resolution: {integrity: sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0}
@@ -3090,6 +3398,9 @@ packages:
   unimport@3.14.5:
     resolution: {integrity: sha512-tn890SwFFZxqaJSKQPPd+yygfKSATbM8BZWW1aCR2TJBTs1SDrmLamBueaFtYsGjHtQaRgqEbQflOjN2iW12gA==}
 
+  universal-user-agent@6.0.1:
+    resolution: {integrity: sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==}
+
   universalify@2.0.1:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
@@ -3281,6 +3592,12 @@ packages:
       '@nuxt/kit':
         optional: true
 
+  vite-plugin-mkcert@1.17.6:
+    resolution: {integrity: sha512-4JR1RN0HEg/w17eRQJ/Ve2pSa6KCVQcQO6yKtIaKQCFDyd63zGfXHWpygBkvvRSpqa0GcqNKf0fjUJ0HiJQXVQ==}
+    engines: {node: '>=v16.7.0'}
+    peerDependencies:
+      vite: '>=3'
+
   vite-plugin-vue-inspector@5.3.1:
     resolution: {integrity: sha512-cBk172kZKTdvGpJuzCCLg8lJ909wopwsu3Ve9FsL1XsnLBiRT9U3MePcqrgGHgCX2ZgkqZmAGR8taxw+TV6s7A==}
     peerDependencies:
@@ -3411,6 +3728,9 @@ packages:
       typescript:
         optional: true
 
+  w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+
   web-streams-polyfill@3.3.3:
     resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
     engines: {node: '>= 8'}
@@ -3424,6 +3744,9 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  which-module@2.0.1:
+    resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
+
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -3434,6 +3757,10 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
 
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
   wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -3457,6 +3784,9 @@ packages:
       utf-8-validate:
         optional: true
 
+  y18n@4.0.3:
+    resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}
+
   y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
     engines: {node: '>=10'}
@@ -3479,10 +3809,18 @@ packages:
     engines: {node: '>= 14'}
     hasBin: true
 
+  yargs-parser@18.1.3:
+    resolution: {integrity: sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==}
+    engines: {node: '>=6'}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
 
+  yargs@15.4.1:
+    resolution: {integrity: sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==}
+    engines: {node: '>=8'}
+
   yargs@17.7.2:
     resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
     engines: {node: '>=12'}
@@ -3698,6 +4036,148 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
+  '@codemirror/autocomplete@6.18.4':
+    dependencies:
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+
+  '@codemirror/commands@6.8.0':
+    dependencies:
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+
+  '@codemirror/lang-css@6.3.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@lezer/common': 1.2.3
+      '@lezer/css': 1.1.9
+
+  '@codemirror/lang-go@6.0.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@lezer/common': 1.2.3
+      '@lezer/go': 1.0.0
+
+  '@codemirror/lang-html@6.4.9':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/lang-javascript': 6.2.2
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+      '@lezer/css': 1.1.9
+      '@lezer/html': 1.3.10
+
+  '@codemirror/lang-javascript@6.2.2':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/language': 6.10.8
+      '@codemirror/lint': 6.8.4
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+      '@lezer/javascript': 1.4.21
+
+  '@codemirror/lang-json@6.0.1':
+    dependencies:
+      '@codemirror/language': 6.10.8
+      '@lezer/json': 1.0.3
+
+  '@codemirror/lang-markdown@6.3.2':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+      '@lezer/markdown': 1.4.0
+
+  '@codemirror/lang-python@6.1.7':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@lezer/common': 1.2.3
+      '@lezer/python': 1.1.15
+
+  '@codemirror/lang-sass@6.0.2':
+    dependencies:
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@lezer/common': 1.2.3
+      '@lezer/sass': 1.0.7
+
+  '@codemirror/lang-vue@0.1.3':
+    dependencies:
+      '@codemirror/lang-html': 6.4.9
+      '@codemirror/lang-javascript': 6.2.2
+      '@codemirror/language': 6.10.8
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@codemirror/lang-xml@6.1.0':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+      '@lezer/xml': 1.0.6
+
+  '@codemirror/lang-yaml@6.1.2':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/language': 6.10.8
+      '@codemirror/state': 6.5.1
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+      '@lezer/yaml': 1.0.3
+
+  '@codemirror/language@6.10.8':
+    dependencies:
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+      style-mod: 4.1.2
+
+  '@codemirror/lint@6.8.4':
+    dependencies:
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      crelt: 1.0.6
+
+  '@codemirror/search@6.5.8':
+    dependencies:
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+      crelt: 1.0.6
+
+  '@codemirror/state@6.5.1':
+    dependencies:
+      '@marijn/find-cluster-break': 1.0.2
+
+  '@codemirror/view@6.36.2':
+    dependencies:
+      '@codemirror/state': 6.5.1
+      style-mod: 4.1.2
+      w3c-keyname: 2.2.8
+
   '@ctrl/tinycolor@3.6.1': {}
 
   '@element-plus/icons-vue@2.3.1(vue@3.5.13(typescript@5.7.3))':
@@ -3916,6 +4396,75 @@ snapshots:
 
   '@kwsites/promise-deferred@1.1.1': {}
 
+  '@lezer/common@1.2.3': {}
+
+  '@lezer/css@1.1.9':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/go@1.0.0':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/highlight@1.2.1':
+    dependencies:
+      '@lezer/common': 1.2.3
+
+  '@lezer/html@1.3.10':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/javascript@1.4.21':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/json@1.0.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/lr@1.4.2':
+    dependencies:
+      '@lezer/common': 1.2.3
+
+  '@lezer/markdown@1.4.0':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+
+  '@lezer/python@1.1.15':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/sass@1.0.7':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/xml@1.0.6':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/yaml@1.0.3':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
   '@mapbox/node-pre-gyp@2.0.0-rc.0':
     dependencies:
       consola: 3.3.3
@@ -3929,6 +4478,8 @@ snapshots:
       - encoding
       - supports-color
 
+  '@marijn/find-cluster-break@1.0.2': {}
+
   '@netlify/functions@2.8.2':
     dependencies:
       '@netlify/serverless-functions-api': 1.26.1
@@ -4138,6 +4689,69 @@ snapshots:
       - vue-tsc
       - yaml
 
+  '@octokit/auth-token@4.0.0': {}
+
+  '@octokit/core@5.2.0':
+    dependencies:
+      '@octokit/auth-token': 4.0.0
+      '@octokit/graphql': 7.1.0
+      '@octokit/request': 8.4.0
+      '@octokit/request-error': 5.1.0
+      '@octokit/types': 13.7.0
+      before-after-hook: 2.2.3
+      universal-user-agent: 6.0.1
+
+  '@octokit/endpoint@9.0.5':
+    dependencies:
+      '@octokit/types': 13.7.0
+      universal-user-agent: 6.0.1
+
+  '@octokit/graphql@7.1.0':
+    dependencies:
+      '@octokit/request': 8.4.0
+      '@octokit/types': 13.7.0
+      universal-user-agent: 6.0.1
+
+  '@octokit/openapi-types@23.0.1': {}
+
+  '@octokit/plugin-paginate-rest@11.3.1(@octokit/core@5.2.0)':
+    dependencies:
+      '@octokit/core': 5.2.0
+      '@octokit/types': 13.7.0
+
+  '@octokit/plugin-request-log@4.0.1(@octokit/core@5.2.0)':
+    dependencies:
+      '@octokit/core': 5.2.0
+
+  '@octokit/plugin-rest-endpoint-methods@13.2.2(@octokit/core@5.2.0)':
+    dependencies:
+      '@octokit/core': 5.2.0
+      '@octokit/types': 13.7.0
+
+  '@octokit/request-error@5.1.0':
+    dependencies:
+      '@octokit/types': 13.7.0
+      deprecation: 2.3.1
+      once: 1.4.0
+
+  '@octokit/request@8.4.0':
+    dependencies:
+      '@octokit/endpoint': 9.0.5
+      '@octokit/request-error': 5.1.0
+      '@octokit/types': 13.7.0
+      universal-user-agent: 6.0.1
+
+  '@octokit/rest@20.1.1':
+    dependencies:
+      '@octokit/core': 5.2.0
+      '@octokit/plugin-paginate-rest': 11.3.1(@octokit/core@5.2.0)
+      '@octokit/plugin-request-log': 4.0.1(@octokit/core@5.2.0)
+      '@octokit/plugin-rest-endpoint-methods': 13.2.2(@octokit/core@5.2.0)
+
+  '@octokit/types@13.7.0':
+    dependencies:
+      '@octokit/openapi-types': 23.0.1
+
   '@parcel/watcher-android-arm64@2.5.0':
     optional: true
 
@@ -4405,6 +5019,10 @@ snapshots:
 
   '@types/parse-path@7.0.3': {}
 
+  '@types/qrcode@1.5.5':
+    dependencies:
+      '@types/node': 22.10.5
+
   '@types/resolve@1.20.2': {}
 
   '@types/web-bluetooth@0.0.16': {}
@@ -4688,6 +5306,8 @@ snapshots:
 
   async@3.2.6: {}
 
+  asynckit@0.4.0: {}
+
   autoprefixer@10.4.20(postcss@8.4.49):
     dependencies:
       browserslist: 4.24.4
@@ -4698,6 +5318,14 @@ snapshots:
       postcss: 8.4.49
       postcss-value-parser: 4.2.0
 
+  axios@1.7.9(debug@4.4.0):
+    dependencies:
+      follow-redirects: 1.15.9(debug@4.4.0)
+      form-data: 4.0.1
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
   b4a@1.6.7: {}
 
   balanced-match@1.0.2: {}
@@ -4709,6 +5337,8 @@ snapshots:
 
   bcryptjs@2.4.3: {}
 
+  before-after-hook@2.2.3: {}
+
   better-sqlite3@11.3.0:
     dependencies:
       bindings: 1.5.0
@@ -4789,6 +5419,8 @@ snapshots:
 
   cac@6.7.14: {}
 
+  camelcase@5.3.1: {}
+
   caniuse-api@3.0.0:
     dependencies:
       browserslist: 4.24.4
@@ -4837,6 +5469,12 @@ snapshots:
       is-wsl: 3.1.0
       is64bit: 2.0.0
 
+  cliui@6.0.0:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+
   cliui@8.0.1:
     dependencies:
       string-width: 4.2.3
@@ -4845,6 +5483,16 @@ snapshots:
 
   cluster-key-slot@1.1.2: {}
 
+  codemirror@6.0.1:
+    dependencies:
+      '@codemirror/autocomplete': 6.18.4
+      '@codemirror/commands': 6.8.0
+      '@codemirror/language': 6.10.8
+      '@codemirror/lint': 6.8.4
+      '@codemirror/search': 6.5.8
+      '@codemirror/state': 6.5.1
+      '@codemirror/view': 6.36.2
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -4855,6 +5503,10 @@ snapshots:
 
   colorette@1.4.0: {}
 
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+
   commander@2.20.3: {}
 
   commander@7.2.0: {}
@@ -4896,6 +5548,8 @@ snapshots:
       crc-32: 1.2.2
       readable-stream: 4.7.0
 
+  crelt@1.0.6: {}
+
   croner@9.0.0: {}
 
   cronstrue@2.52.0: {}
@@ -5004,6 +5658,8 @@ snapshots:
     optionalDependencies:
       supports-color: 9.4.0
 
+  decamelize@1.2.0: {}
+
   decompress-response@6.0.0:
     dependencies:
       mimic-response: 3.1.0
@@ -5025,10 +5681,14 @@ snapshots:
 
   defu@6.1.4: {}
 
+  delayed-stream@1.0.0: {}
+
   denque@2.1.0: {}
 
   depd@2.0.0: {}
 
+  deprecation@2.3.1: {}
+
   destr@2.0.3: {}
 
   destroy@1.2.0: {}
@@ -5041,6 +5701,8 @@ snapshots:
 
   diff@7.0.0: {}
 
+  dijkstrajs@1.0.3: {}
+
   dom-serializer@2.0.0:
     dependencies:
       domelementtype: 2.3.0
@@ -5261,13 +5923,28 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
   flatted@3.3.2: {}
 
+  follow-redirects@1.15.9(debug@4.4.0):
+    optionalDependencies:
+      debug: 4.4.0(supports-color@9.4.0)
+
   foreground-child@3.3.0:
     dependencies:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
+  form-data@4.0.1:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+
   formdata-polyfill@4.0.10:
     dependencies:
       fetch-blob: 3.2.0
@@ -5575,6 +6252,8 @@ snapshots:
       ms: 2.1.3
       semver: 7.6.3
 
+  jsqr@1.4.0: {}
+
   jwa@1.4.1:
     dependencies:
       buffer-equal-constant-time: 1.0.1
@@ -5635,6 +6314,10 @@ snapshots:
       mlly: 1.7.4
       pkg-types: 1.3.0
 
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
   lodash-es@4.17.21: {}
 
   lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
@@ -5717,6 +6400,12 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
+  mime-db@1.52.0: {}
+
+  mime-types@2.1.35:
+    dependencies:
+      mime-db: 1.52.0
+
   mime@1.6.0: {}
 
   mime@3.0.0: {}
@@ -6119,6 +6808,16 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
+  p-try@2.2.0: {}
+
   package-json-from-dist@1.0.1: {}
 
   package-manager-detector@0.2.8: {}
@@ -6147,6 +6846,8 @@ snapshots:
 
   parseurl@1.3.3: {}
 
+  path-exists@4.0.0: {}
+
   path-is-absolute@1.0.1: {}
 
   path-key@3.1.1: {}
@@ -6192,6 +6893,8 @@ snapshots:
 
   pluralize@8.0.0: {}
 
+  pngjs@5.0.0: {}
+
   postcss-calc@10.1.0(postcss@8.4.49):
     dependencies:
       postcss: 8.4.49
@@ -6387,6 +7090,8 @@ snapshots:
 
   protocols@2.0.1: {}
 
+  proxy-from-env@1.1.0: {}
+
   pump@3.0.2:
     dependencies:
       end-of-stream: 1.4.4
@@ -6394,6 +7099,12 @@ snapshots:
 
   punycode.js@2.3.1: {}
 
+  qrcode@1.5.4:
+    dependencies:
+      dijkstrajs: 1.0.3
+      pngjs: 5.0.0
+      yargs: 15.4.1
+
   queue-microtask@1.2.3: {}
 
   queue-tick@1.0.1: {}
@@ -6462,6 +7173,8 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
+  require-main-filename@2.0.0: {}
+
   resolve-from@5.0.0: {}
 
   resolve@1.22.10:
@@ -6571,6 +7284,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  set-blocking@2.0.0: {}
+
   setprototypeof@1.2.0: {}
 
   shebang-command@2.0.0:
@@ -6676,6 +7391,8 @@ snapshots:
     dependencies:
       js-tokens: 9.0.1
 
+  style-mod@4.1.2: {}
+
   stylehacks@7.0.4(postcss@8.4.49):
     dependencies:
       browserslist: 4.24.4
@@ -6842,6 +7559,8 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  universal-user-agent@6.0.1: {}
+
   universalify@2.0.1: {}
 
   unplugin-auto-import@19.0.0(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(@vueuse/core@9.13.0(vue@3.5.13(typescript@5.7.3)))(rollup@4.30.1):
@@ -7032,6 +7751,16 @@ snapshots:
       - rollup
       - supports-color
 
+  vite-plugin-mkcert@1.17.6(vite@6.0.7(@types/node@22.10.5)(jiti@2.4.2)(sass@1.83.1)(terser@5.37.0)(yaml@2.7.0)):
+    dependencies:
+      '@octokit/rest': 20.1.1
+      axios: 1.7.9(debug@4.4.0)
+      debug: 4.4.0(supports-color@9.4.0)
+      picocolors: 1.1.1
+      vite: 6.0.7(@types/node@22.10.5)(jiti@2.4.2)(sass@1.83.1)(terser@5.37.0)(yaml@2.7.0)
+    transitivePeerDependencies:
+      - supports-color
+
   vite-plugin-vue-inspector@5.3.1(vite@6.0.7(@types/node@22.10.5)(jiti@2.4.2)(sass@1.83.1)(terser@5.37.0)(yaml@2.7.0)):
     dependencies:
       '@babel/core': 7.26.0
@@ -7119,6 +7848,8 @@ snapshots:
     optionalDependencies:
       typescript: 5.7.3
 
+  w3c-keyname@2.2.8: {}
+
   web-streams-polyfill@3.3.3: {}
 
   webidl-conversions@3.0.1: {}
@@ -7130,6 +7861,8 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  which-module@2.0.1: {}
+
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -7138,6 +7871,12 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
   wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -7154,6 +7893,8 @@ snapshots:
 
   ws@8.18.0: {}
 
+  y18n@4.0.3: {}
+
   y18n@5.0.8: {}
 
   yallist@3.1.1: {}
@@ -7166,8 +7907,27 @@ snapshots:
 
   yaml@2.7.0: {}
 
+  yargs-parser@18.1.3:
+    dependencies:
+      camelcase: 5.3.1
+      decamelize: 1.2.0
+
   yargs-parser@21.1.1: {}
 
+  yargs@15.4.1:
+    dependencies:
+      cliui: 6.0.0
+      decamelize: 1.2.0
+      find-up: 4.1.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      require-main-filename: 2.0.0
+      set-blocking: 2.0.0
+      string-width: 4.2.3
+      which-module: 2.0.1
+      y18n: 4.0.3
+      yargs-parser: 18.1.3
+
   yargs@17.7.2:
     dependencies:
       cliui: 8.0.1
diff --git a/server/api/posts/getPostContent.ts b/server/api/posts/getPostContent.ts
index b8a090b..d9bbdef 100644
--- a/server/api/posts/getPostContent.ts
+++ b/server/api/posts/getPostContent.ts
@@ -1,5 +1,4 @@
 // @ts-ignore
-import testData from "~/public/testData/test.md"
 import DB from 'better-sqlite3';
 import { postItem } from "~/types/post";
 
diff --git a/server/api/tools/imgBed/download/[hash].ts b/server/api/tools/imgBed/download/[hash].ts
new file mode 100644
index 0000000..cd744a9
--- /dev/null
+++ b/server/api/tools/imgBed/download/[hash].ts
@@ -0,0 +1,39 @@
+// @ts-ignore
+import DB from 'better-sqlite3';
+import { defineEventHandler, getRouterParam } from 'h3';
+import fs from 'fs';
+import { sendStream } from 'h3';
+
+export default defineEventHandler(async (event) => {
+    try {
+        const hash = getRouterParam(event, 'hash');
+        if (!hash) {
+            return { code: 400, msg: 'Invalid hash parameter' };
+        }
+        const db = new DB('./userData/db/imgBed.db');
+        // 从数据库中查询文件信息
+        const fileInfo = db.prepare(`
+            SELECT name, expire FROM imgBed WHERE hash =?
+        `).get(hash) as { name: string, expire: number };
+        db.close();
+
+        if (!fileInfo) {
+            return { code: 404, msg: 'File not found' };
+        }
+
+        const fileName = fileInfo.name;
+        const filePath = `./userData/imgBed/${hash}`;
+        // 检查文件是否存在
+        if (!fs.existsSync(filePath)) {
+            return { code: 404, msg: 'File not found on disk' };
+        }
+        const fileStream = fs.createReadStream(filePath);
+        
+        setResponseHeader(event, 'Content-Disposition', `attachment; filename="${fileName}"`);
+        // 发送文件流
+        return sendStream(event, fileStream);
+    } catch (error) {
+        console.error(error);
+        return { code: 500, msg: 'Internal Server Error' };
+    }
+});
\ No newline at end of file
diff --git a/server/api/tools/imgBed/upload.ts b/server/api/tools/imgBed/upload.ts
new file mode 100644
index 0000000..e2de398
--- /dev/null
+++ b/server/api/tools/imgBed/upload.ts
@@ -0,0 +1,39 @@
+// @ts-ignore
+import DB from 'better-sqlite3';
+import { defineEventHandler, readBody } from 'h3';
+import crypto from 'crypto';
+import fs from 'fs';
+
+export default defineEventHandler(async (event) => {
+    try {
+        const data = await readFormData(event)
+        const file = data.get('file') as File
+        const expire = data.get('expire') as string
+        console.log({
+            file: file.name,
+            expire,
+        })
+        const fileBuffer = Buffer.from(await file.arrayBuffer());
+        // 计算文件的 MD5 哈希值
+        const hash = crypto.createHash('md5').update(fileBuffer).digest('hex');
+        const fileName = file.name;
+        const filePath = `./userData/imgBed/${hash}`;
+        // 将文件写入磁盘
+        await fs.promises.writeFile(filePath, fileBuffer);
+        // 获取文件大小
+        const fileSize = fileBuffer.length;
+
+        const db = new DB('./userData/db/imgBed.db');
+        // 插入数据到数据库
+        db.prepare(`
+            INSERT INTO imgBed (name, hash, size, expire)
+            VALUES (?,?,?,?)
+        `).run([fileName, hash, fileSize, expire]);
+        db.close();
+
+        return { code: 200, hash, fileName, fileSize, expire: Number(expire) + Date.now() };
+    } catch (error) {
+        console.error(error);
+        return { code: 500, msg: 'Internal Server Error' };
+    }
+});
\ No newline at end of file
diff --git a/server/middleware/auth.ts b/server/middleware/auth.ts
index 810cc93..0258cfa 100644
--- a/server/middleware/auth.ts
+++ b/server/middleware/auth.ts
@@ -7,12 +7,10 @@ const pathNeedAuth = serverConfig.auth.api
 
 export default defineEventHandler(async (event) => {
     const path = getRequestURL(event).pathname
-    // console.log(path)
     if (pathNeedAuth.has(path)) {
         const key = getKey()
         // @ts-ignore
         const authHeader = event.headers.get('authorization');
-        // console.log(authHeader)
         if (!authHeader || !authHeader.startsWith('Bearer ')) {
             throw createError({ statusCode: 401, statusMessage: 'Unauthorized' })
         }
@@ -20,7 +18,6 @@ export default defineEventHandler(async (event) => {
         try {
             const decoded = jwt.verify(token, key) as { userId: number, password: string, username: string, exp: number }
             if (decoded.exp > Date.now()) {
-                // console.log('token expired')
                 throw createError({ statusCode: 401, statusMessage: 'Token invalid or expired', data: { err: 'token expired', token } })
             }
             // console.log(decoded)
diff --git a/server/utils/initUserData.ts b/server/utils/initUserData.ts
index 0b59e65..2673224 100644
--- a/server/utils/initUserData.ts
+++ b/server/utils/initUserData.ts
@@ -1,5 +1,6 @@
 import mkfileIfNotExist from "./mkfileIfNotExist"
-import db from 'better-sqlite3'
+import DB from 'better-sqlite3'
+import fs from 'fs'
 
 let checked = false
 
@@ -14,6 +15,7 @@ function checkUserData() {
     const dirList = [
         './userData/',
         './userData/db/',
+        './userData/imgBed/',
     ]
     dirList.forEach(mkdirIfNotExist)
 
@@ -24,9 +26,14 @@ function checkUserData() {
 }
 
 function createDB() {
-    const userDB = new db('./userData/db/user.db');
-    const postsDB = new db('./userData/db/posts.db');
+    createUserDB();
+    createPostsDB();
+    createImgBedDB();
+}
 
+
+const createUserDB = () => {
+    const userDB = new DB('./userData/db/user.db');
     userDB.exec(`
         CREATE TABLE IF NOT EXISTS user (
             id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -36,7 +43,11 @@ function createDB() {
             lastLoginTime INTEGER NOT NULL
         );
     `);
+    userDB.close();
+}
 
+const createPostsDB = () => {
+    const postsDB = new DB('./userData/db/posts.db');
     postsDB.exec(`
         CREATE TABLE IF NOT EXISTS posts (
             id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -49,14 +60,12 @@ function createDB() {
             FOREIGN KEY(tag_id) REFERENCES tags(id)
         );
     `);
-
     postsDB.exec(`
         CREATE TABLE IF NOT EXISTS postContent (
             id INTEGER PRIMARY KEY AUTOINCREMENT,
             content TEXT NOT NULL
         );
     `);
-
     postsDB.exec(`
         CREATE TABLE IF NOT EXISTS tags (
             id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -77,9 +86,56 @@ function createDB() {
             tag15 TEXT
         );
     `);
-
     postsDB.close();
-    userDB.close();
 }
 
+const createImgBedDB = () => {
+    const imgBedDB = new DB('./userData/db/imgBed.db');
+    imgBedDB.exec(`
+        CREATE TABLE IF NOT EXISTS imgBed (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            name TEXT NOT NULL,
+            hash TEXT NOT NULL,
+            size INTEGER NOT NULL,
+            expire INTEGER NOT NULL
+        );
+    `);
+    imgBedDB.close();
+    setInterval(cleanExpiredFiles_imgBed, 1000 * 30 * 60 );
+    // cleanExpiredFiles_imgBed()
+}
+
+const cleanExpiredFiles_imgBed = async () => {
+    try {
+        const db = new DB('./userData/db/imgBed.db');
+        const currentTime = Date.now();
+        // 从数据库中查询过期文件的哈希
+        const expiredFiles = db.prepare(`
+            SELECT hash FROM imgBed WHERE expire <?
+        `).all(currentTime) as {
+            hash: string;
+        }[];
+        db.close();
+
+        for (const file of expiredFiles) {
+            const hash = file.hash;
+            const filePath = `./userData/imgBed/${hash}`;
+            // 检查文件是否存在
+            if (fs.existsSync(filePath)) {
+                // 删除文件
+                fs.unlinkSync(filePath);
+            }
+        }
+
+        // 从数据库中删除过期文件的记录
+        const db2 = new DB('./userData/db/imgBed.db');
+        db2.prepare(`
+            DELETE FROM imgBed WHERE expire <?
+        `).run(currentTime);
+        db2.close();
+    } catch (error) {
+        console.error('Error cleaning expired files:', error);
+    }
+};
+
 export default checkUserData
\ No newline at end of file
diff --git a/utils/filePicker.ts b/utils/filePicker.ts
new file mode 100644
index 0000000..6e79a0f
--- /dev/null
+++ b/utils/filePicker.ts
@@ -0,0 +1,105 @@
+export class FilePicker {
+    private _resolve: ((files: File[]) => void) | undefined
+    constructor() {
+        if (this._resolve) {
+            this._resolve([])
+            this._resolve = undefined
+        }
+    }
+
+    public pick(option?: { accept?: string; multiple?: boolean }) {
+        if (this._resolve) {
+            this._resolve([])
+            this._resolve = undefined
+        }
+        return new Promise<File[]>((resolve) => {
+            const inpEle = document.createElement('input')
+            inpEle.id = `__file_${Math.ceil(Math.random() * 100000000)}`
+            inpEle.type = 'file'
+            inpEle.style.display = 'none'
+            this._resolve = resolve
+            // 文件类型限制
+            // inpEle.accept="image/*"
+            option?.accept && (inpEle.accept = option?.accept)
+            // 多选限制
+            option?.multiple && (inpEle.multiple = option?.multiple)
+            // inpEle.addEventListener("change", event => fn.call(inpEle, event, inpEle.files), { once: true });
+            inpEle.addEventListener(
+                'change',
+                () => {
+                    if (!inpEle.files) {
+                        return
+                    }
+                    const files: File[] = []
+                    let i = 0
+                    while (i < inpEle.files?.length) {
+                        const _file = inpEle?.files?.item(i)
+                        if (_file!== null) {
+                            files.push(_file)
+                        }
+                        i += 1
+                    }
+                    resolve(files)
+                    this._resolve = undefined
+                },
+                { once: true }
+            )
+            inpEle.addEventListener('abort', () => {
+                this._resolve && this._resolve([])
+                this._resolve = undefined
+            })
+            inpEle.addEventListener('error', () => {
+                this._resolve && this._resolve([])
+                this._resolve = undefined
+            })
+            inpEle.click()
+        })
+    }
+}
+
+
+
+
+// (() => {
+//     let _resolve: ((files: File[]) => void) | undefined
+//     return (option?: { accept?: 'string'; multiple: boolean }) => {
+//        if (_resolve) {
+//           _resolve([])
+//           _resolve = undefined
+//        }
+//        return new Promise<File[]>((resolve) => {
+//           const inpEle = document.createElement('input')
+//           inpEle.id = `__file_${Math.ceil(Math.random() * 100000000)}`
+//           inpEle.type = 'file'
+//           inpEle.style.display = 'none'
+//           _resolve = resolve
+//           // 文件类型限制
+//           // inpEle.accept="image/*"
+//           option?.accept && (inpEle.accept = option?.accept)
+//           // 多选限制
+//           option?.multiple && (inpEle.multiple = option?.multiple)
+//           // inpEle.addEventListener("change", event => fn.call(inpEle, event, inpEle.files), { once: true });
+//           inpEle.addEventListener(
+//              'change',
+//              () => {
+//                 if (!inpEle.files) {
+//                    return
+//                 }
+//                 const files: File[] = []
+//                 let i = 0
+//                 while (i < inpEle.files?.length) {
+//                    const _file = inpEle?.files?.item(i)
+//                    if (_file !== null) {
+//                       files.push(_file)
+//                    }
+//                    i += 1
+//                 }
+//                 resolve(files)
+//                 _resolve = undefined
+//              },
+//              { once: true }
+//           )
+//           inpEle.click()
+//        })
+//     }
+//  })()
\ No newline at end of file
diff --git a/utils/html2VNode.ts b/utils/html2VNode.ts
new file mode 100644
index 0000000..11de16a
--- /dev/null
+++ b/utils/html2VNode.ts
@@ -0,0 +1,224 @@
+import type { VNode } from "vue";
+
+// 未完成
+export default class Html2VNode {
+    private middlewareList: middlewareType[] = []
+
+    constructor() {
+        this.use(this.defaultMiddleware)
+    }
+
+    public use(middleware: middlewareType) {
+        this.middlewareList.push(middleware)
+    }
+    public rander(htmlString: string) {
+        const html2ObjResult = this.html2Obj(htmlString);
+        const middlewareMap = this.buildMiddlewareMap(html2ObjResult);
+        const wrinklesResult = this.wrinkles(html2ObjResult)
+        const vnodes = this.rander2VNode(wrinklesResult, middlewareMap)
+        return vnodes;
+    }
+
+    private buildMiddlewareMap(objs: (TagType | miaoVNodeType)[]) {
+        const tagNameSet = new Set<string>()
+        const middlewareMap = new Map<string, middlewareType[]>()
+        for (const item of objs) {
+            const { tagName = '' } = this.parseTag(item.tag);
+            tagNameSet.add(tagName)
+        }
+        for (const tagName of tagNameSet) {
+            for (const middleware of this.middlewareList) {
+                if (middleware.filter(tagName)) {
+                    if(!middlewareMap.has(tagName)) {
+                        middlewareMap.set(tagName, [middleware])
+                    } else {
+                        middlewareMap.get(tagName)!.unshift(middleware)
+                    }
+                }
+            }
+        }
+        return middlewareMap;
+    }
+
+    private rander2VNode = (
+        wrinklesResult: (miaoVNodeType | string)[],
+        middlewareMap: Map<string, middlewareType[]>
+    ): (VNode | string)[] => {
+        return wrinklesResult.map((item: miaoVNodeType | string): VNode | string => {
+            if (typeof item === 'string') {
+                return item;
+            }
+            const { tagName = '', tagAttrs } = this.parseTag(item.tag);
+            const middlewares = middlewareMap.get(tagName)
+            for(const middleware of middlewares!) {
+                const _res = middleware.rander({
+                    item,
+                    tagName,
+                    tagAttrs,
+                    middlewareMap
+                })
+                if(_res) {
+                    return _res
+                }
+            }
+            return ''
+        })
+    }
+
+    private defaultMiddleware: middlewareType = {
+        filter: (_: string) => {
+            return true;
+        },
+        rander: ({
+            item, tagName, tagAttrs, middlewareMap
+        }) => {
+            if (!tagName) {
+                return item.children as string;
+            }
+            let child: string | (string | VNode)[] = item.children as string
+            if (typeof item.children !== 'string') {
+                child = this.rander2VNode(item.children, middlewareMap)
+            }
+            return h(tagName ?? 'span', tagAttrs, child)
+        }
+    }
+
+    private html2Obj = (htmlString: string) => {
+        const html2ObjResult: (TagType | miaoVNodeType)[] = []
+        let currhtml = htmlString;
+        while (true) {
+            const nextTag = this.getNextHtmlTag(currhtml);
+            if (!nextTag) {
+                if(currhtml) {
+                    html2ObjResult.push({
+                        tag: '',
+                        children: currhtml,
+                    })
+                }
+                break;
+            }
+            const middleChild = currhtml.slice(0, nextTag.Index);
+            if (middleChild) {
+                html2ObjResult.push({
+                    tag: '',
+                    children: middleChild,
+                })
+            }
+            currhtml = currhtml.slice(nextTag.Index + nextTag.tag.length);
+            html2ObjResult.push(nextTag)
+        }
+        html2ObjResult.forEach(item => {
+            // @ts-ignore
+            if(item.children &&typeof item.children==='string') {
+                // @ts-ignore
+                item.children = this.parseString(item.children)
+            }
+        })
+        return html2ObjResult;
+    }
+
+    private parseString = (target: string) => {
+        
+        return target.replaceAll('&lt;', '<')
+            .replaceAll('&gt;', '>')
+            .replaceAll('&amp;', '&')
+            .replaceAll('&quot;', '"')
+            .replaceAll('&#39;', '\'')
+    }
+
+    private check = (html2ObjResult: (TagType | miaoVNodeType)[]) => {
+        const stack = []
+        for (const item of html2ObjResult) {
+            if (!item.tag) {
+                continue;
+            }
+            // @ts-ignore
+            if (item?.isClose && item.isClose == true) {
+                const last = stack.pop();
+                if (last !== this.parseTag(item.tag).tagName) {
+                    return false;
+                }
+            } else {
+                stack.push(this.parseTag(item.tag).tagName)
+            }
+        }
+        return true;
+    }
+
+    // 想必是flat的反义词吧
+    private wrinkles = (target: (TagType | miaoVNodeType)[]) => {
+        const res: miaoVNodeType[] = []
+        const resStack = [res]
+        for (const item of target) {
+            if (!item.tag) {
+                // @ts-ignore
+                resStack[resStack.length - 1].push(item)
+                // @ts-ignore
+            } else if (item.isClose) {
+                resStack.pop()
+            } else {
+                const _childRes: any = []
+                resStack[resStack.length - 1].push({
+                    tag: item.tag,
+                    // tag: this.getTagName(item.tag),
+                    children: _childRes,
+                })
+                resStack.push(_childRes)
+            }
+        }
+        return res;
+    }
+
+    private getNextHtmlTag = (htmlString: string): {
+        tag: string,
+        Index: number,
+        isClose: boolean
+    } | null => {
+        let startIndex = 0;
+        let tagRegex = /<("[^"]*"|'[^']*'|[^'">])*>/;
+        let tagMatch = tagRegex.exec(htmlString.slice(startIndex));
+        if (tagMatch) {
+            const isClose = tagMatch[0].startsWith('</');
+            return {
+                tag: tagMatch[0],
+                Index: tagMatch.index,
+                isClose
+            };
+        }
+        return null;
+    }
+
+    private parseTag = (tag: string) => {
+        const tagStr = tag.replace(/<\s*\/*\s*|\s*>/g, '');
+        const tagArr = tagStr.split(' ').filter(item => item.trim());
+        const tagName = tagArr.shift();
+        const tagAttrs = tagArr.map(v => v.trim().split('=')).reduce((pre, cur) => {
+            pre[cur[0]] = cur[1];
+            return pre;
+        }, {} as { [key: string]: string })
+        return { tagName, tagAttrs };
+    }
+}
+
+type miaoVNodeType = {
+    tag: string,
+    children: string | miaoVNodeType[],
+}
+
+type TagType = {
+    tag: string;
+    Index: number;
+    isClose: boolean;
+}
+
+// 要优化也是以后优化了
+export type middlewareType = {
+    filter: (tagName: string) => boolean,
+    rander: (option: {
+            item: miaoVNodeType,
+            tagName: string,
+            tagAttrs: { [key: string]: string },
+            middlewareMap: Map<string, middlewareType[]>
+        }
+    ) => VNode | string
+}
\ No newline at end of file