From 520dce22c1b037232401c4b6ddf5a90346da41a0 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Wed, 11 Sep 2024 00:03:13 +0800
Subject: [PATCH] style: lint fix

---
 cli/src/generate.ts                           |  4 +-
 cli/src/index.ts                              |  2 +-
 cli/src/locales/index.ts                      |  2 +-
 cli/src/packageJson.ts                        |  4 +-
 cli/src/prompt.ts                             |  4 +-
 cli/src/render.ts                             |  2 +-
 cli/src/run.ts                                | 10 ++--
 cli/src/translate.ts                          |  2 +-
 cli/src/utils/fs.ts                           |  2 +-
 cli/src/utils/index.ts                        |  4 +-
 docs/.vuepress/client.ts                      |  6 +-
 docs/.vuepress/config.ts                      |  2 +-
 docs/.vuepress/notes/zh/index.ts              |  4 +-
 docs/.vuepress/plume.config.ts                |  2 +-
 .../.vuepress/themes/components/ColorPick.vue |  2 +-
 .../themes/components/Contributors.vue        | 17 ++++--
 .../themes/components/CustomTintPlate.vue     |  2 +-
 .../themes/components/HeroTintPlateConfig.vue |  6 +-
 .../themes/components/ThemeColors.vue         |  2 +-
 docs/.vuepress/themes/composables/caniuse.ts  |  2 +-
 .../themes/composables/theme-colors.ts        |  2 +-
 docs/README.md                                |  6 +-
 docs/notes/plugins/caniuse.md                 |  2 +-
 docs/notes/plugins/content-updated.md         |  4 +-
 docs/notes/theme/config/plugins/README.md     |  2 +-
 .../theme/config/plugins/markdownPower.md     |  2 +-
 .../theme/config/plugins/markdown增强.md      |  2 +-
 docs/notes/theme/config/plugins/代码高亮.md   |  2 +-
 docs/notes/theme/config/plugins/阅读统计.md   |  2 +-
 docs/notes/theme/config/配置说明.md           |  6 +-
 docs/notes/theme/guide/api-客户端.md          |  2 +-
 docs/notes/theme/guide/博客.md                |  2 +-
 docs/notes/theme/guide/国际化.md              |  2 +-
 docs/notes/theme/guide/安装与使用.md          |  2 +-
 docs/notes/theme/guide/布局插槽.md            |  2 +-
 docs/notes/theme/guide/组件覆写.md            |  4 +-
 docs/notes/theme/guide/自定义样式.md          |  4 +-
 docs/notes/theme/snippet/include-1.snippet.md |  4 +-
 .../plugin-content-update/src/node/plugin.ts  |  2 +-
 plugins/plugin-content-update/tsup.config.ts  |  2 +-
 plugins/plugin-fonts/src/node/plugin.ts       |  2 +-
 plugins/plugin-fonts/tsup.config.ts           |  2 +-
 .../src/client/components/CanIUse.vue         |  2 +-
 .../src/client/components/CodeEditor.vue      |  4 +-
 .../src/client/components/CodeRepl.vue        |  4 +-
 .../src/client/components/PDFViewer.vue       |  4 +-
 .../src/client/components/Plot.vue            |  4 +-
 .../src/client/components/Replit.vue          |  2 +-
 .../src/client/composables/codeRepl.ts        |  2 +-
 .../src/client/composables/pdf.ts             |  8 +--
 .../src/client/composables/size.ts            |  4 +-
 .../plugin-md-power/src/client/utils/link.ts  |  2 +-
 .../src/node/features/caniuse.ts              |  8 +--
 .../src/node/features/codeSandbox.ts          |  6 +-
 .../src/node/features/codepen.ts              |  6 +-
 .../src/node/features/fileTree/findIcon.ts    |  2 +-
 .../src/node/features/fileTree/index.ts       |  6 +-
 .../features/fileTree/resolveTreeNodeInfo.ts  |  2 +-
 .../src/node/features/imageSize.ts            | 12 ++--
 .../src/node/features/jsfiddle.ts             |  6 +-
 .../src/node/features/langRepl.ts             |  4 +-
 .../plugin-md-power/src/node/features/pdf.ts  |  6 +-
 .../src/node/features/replit.ts               |  6 +-
 .../src/node/features/video/bilibili.ts       |  8 +--
 .../src/node/features/video/youtube.ts        |  8 +--
 plugins/plugin-md-power/src/node/index.ts     |  2 +-
 plugins/plugin-md-power/src/node/plugin.ts    | 24 ++++----
 .../src/node/prepareConfigFile.ts             |  2 +-
 plugins/plugin-md-power/src/shared/index.ts   | 14 ++---
 plugins/plugin-md-power/src/shared/plugin.ts  |  2 +-
 plugins/plugin-md-power/tsup.config.ts        |  2 +-
 .../src/client/components/Search.vue          |  2 +-
 .../src/client/components/SearchBox.vue       | 34 +++++------
 .../src/client/components/SearchButton.vue    |  2 +-
 .../src/client/composables/index.ts           |  2 +-
 .../src/client/composables/locale.ts          |  4 +-
 plugins/plugin-search/src/client/config.ts    |  4 +-
 plugins/plugin-search/src/node/index.ts       |  2 +-
 .../src/node/prepareSearchIndex.ts            |  2 +-
 .../plugin-search/src/node/searchPlugin.ts    |  8 +--
 plugins/plugin-search/src/shared/index.ts     |  2 +-
 plugins/plugin-search/tsup.config.ts          |  2 +-
 .../src/client/composables/twoslash.ts        |  2 +-
 .../copy-code-button/copyCodeButtonPlugin.ts  |  2 +-
 .../createCopyCodeButtonRender.ts             |  4 +-
 .../src/node/copy-code-button/index.ts        |  2 +-
 .../src/node/highlight/highlight.ts           |  6 +-
 .../src/node/highlight/transformers.ts        |  8 +--
 .../src/node/markdown/preWrapperPlugin.ts     |  2 +-
 .../src/node/prepareClientConfigFile.ts       | 10 ++--
 .../plugin-shikiji/src/node/shikiPlugin.ts    | 16 ++---
 .../node/twoslash/renderer-floating-vue.ts    |  6 +-
 .../src/node/twoslash/rendererTransformer.ts  | 10 ++--
 .../plugin-shikiji/src/node/utils/index.ts    |  4 +-
 plugins/plugin-shikiji/tsup.config.ts         |  2 +-
 theme/src/client/components/Blog/VPBlog.vue   |  6 +-
 .../client/components/Blog/VPBlogExtract.vue  |  2 +-
 .../src/client/components/Blog/VPBlogNav.vue  |  2 +-
 .../client/components/Blog/VPBlogProfile.vue  |  2 +-
 .../client/components/Blog/VPCategories.vue   |  2 +-
 .../components/Blog/VPCategoriesGroup.vue     |  4 +-
 .../src/client/components/Blog/VPPostItem.vue |  4 +-
 .../src/client/components/Blog/VPPostList.vue |  6 +-
 theme/src/client/components/Home/VPHome.vue   | 16 ++---
 .../client/components/Home/VPHomeBanner.vue   |  6 +-
 .../src/client/components/Home/VPHomeBox.vue  |  4 +-
 .../client/components/Home/VPHomeCustom.vue   |  2 +-
 .../client/components/Home/VPHomeFeature.vue  |  2 +-
 .../client/components/Home/VPHomeFeatures.vue |  4 +-
 .../src/client/components/Home/VPHomeHero.vue |  4 +-
 .../client/components/Home/VPHomeProfile.vue  |  6 +-
 .../components/Home/VPHomeTextImage.vue       |  4 +-
 theme/src/client/components/Nav/VPNav.vue     |  2 +-
 theme/src/client/components/Nav/VPNavBar.vue  |  4 +-
 .../client/components/Nav/VPNavBarExtra.vue   |  2 +-
 .../components/Nav/VPNavBarMenuGroup.vue      |  6 +-
 .../components/Nav/VPNavBarMenuLink.vue       |  8 +--
 .../components/Nav/VPNavBarSocialLinks.vue    |  2 +-
 .../client/components/Nav/VPNavBarTitle.vue   |  4 +-
 .../src/client/components/Nav/VPNavScreen.vue |  2 +-
 .../components/Nav/VPNavScreenMenuGroup.vue   |  4 +-
 .../Nav/VPNavScreenMenuGroupLink.vue          |  4 +-
 .../Nav/VPNavScreenMenuGroupSection.vue       |  2 +-
 .../components/Nav/VPNavScreenMenuLink.vue    |  4 +-
 .../Nav/VPNavScreenTranslations.vue           |  2 +-
 theme/src/client/components/VPContent.vue     |  6 +-
 theme/src/client/components/VPDoc.vue         | 12 ++--
 .../client/components/VPDocAsideOutline.vue   |  2 +-
 .../client/components/VPDocBreadcrumbs.vue    |  2 +-
 theme/src/client/components/VPDocFooter.vue   |  2 +-
 theme/src/client/components/VPDocMeta.vue     |  2 +-
 .../src/client/components/VPEncryptGlobal.vue |  4 +-
 theme/src/client/components/VPFlyout.vue      |  2 +-
 theme/src/client/components/VPFriends.vue     |  6 +-
 theme/src/client/components/VPFriendsItem.vue |  4 +-
 theme/src/client/components/VPIcon.vue        |  6 +-
 theme/src/client/components/VPIconify.vue     |  4 +-
 theme/src/client/components/VPLocalNav.vue    |  2 +-
 .../components/VPLocalNavOutlineDropdown.vue  |  4 +-
 theme/src/client/components/VPMenuLink.vue    |  2 +-
 theme/src/client/components/VPSidebar.vue     |  4 +-
 .../src/client/components/VPSidebarGroup.vue  |  2 +-
 theme/src/client/components/VPSidebarItem.vue |  4 +-
 .../client/components/VPSwitchAppearance.vue  |  2 +-
 .../client/components/global/VPCardGrid.vue   |  2 +-
 .../client/components/global/VPLinkCard.vue   |  2 +-
 theme/src/client/composables/blog-archives.ts |  2 +-
 theme/src/client/composables/blog-data.ts     |  2 +-
 theme/src/client/composables/blog-extract.ts  |  2 +-
 .../src/client/composables/blog-post-list.ts  |  4 +-
 theme/src/client/composables/blog-tags.ts     |  4 +-
 theme/src/client/composables/data.ts          |  6 +-
 theme/src/client/composables/edit-link.ts     |  4 +-
 theme/src/client/composables/encrypt.ts       |  6 +-
 theme/src/client/composables/home.ts          |  4 +-
 theme/src/client/composables/index.ts         | 60 +++++++++----------
 theme/src/client/composables/internal-link.ts |  2 +-
 theme/src/client/composables/langs.ts         |  4 +-
 .../src/client/composables/latest-updated.ts  |  2 +-
 theme/src/client/composables/link.ts          |  2 +-
 theme/src/client/composables/nav.ts           |  8 +--
 theme/src/client/composables/outline.ts       |  4 +-
 theme/src/client/composables/page.ts          |  2 +-
 theme/src/client/composables/prev-next.ts     |  6 +-
 theme/src/client/composables/route-query.ts   |  8 +--
 .../src/client/composables/scroll-behavior.ts |  2 +-
 theme/src/client/composables/sidebar.ts       |  8 +--
 theme/src/client/composables/theme-data.ts    |  2 +-
 theme/src/client/config.ts                    |  4 +-
 .../client/features/components/NpmBadge.vue   |  2 +-
 .../features/components/NpmBadgeGroup.vue     |  2 +-
 theme/src/client/globalComponents.ts          | 10 ++--
 theme/src/client/index.ts                     | 34 +++++------
 theme/src/client/layouts/Layout.vue           | 16 ++---
 theme/src/client/layouts/NotFound.vue         |  4 +-
 theme/src/client/utils/index.ts               |  4 +-
 theme/src/client/utils/resolveNavLink.ts      |  2 +-
 theme/src/node/autoFrontmatter/generator.ts   | 10 ++--
 theme/src/node/autoFrontmatter/readFile.ts    |  2 +-
 .../node/autoFrontmatter/resolveOptions.ts    | 22 +++----
 theme/src/node/config/index.ts                | 20 +++----
 theme/src/node/config/resolveLocaleOptions.ts |  2 +-
 theme/src/node/config/resolveNotesOptions.ts  |  4 +-
 theme/src/node/config/resolveProvideData.ts   |  4 +-
 theme/src/node/config/resolveSearchOptions.ts |  2 +-
 theme/src/node/config/resolveThemeData.ts     |  2 +-
 theme/src/node/config/resolveThemeOption.ts   |  2 +-
 .../src/node/config/templateBuildRenderer.ts  |  2 +-
 theme/src/node/defineConfig.ts                |  2 +-
 theme/src/node/index.ts                       |  2 +-
 theme/src/node/loadConfig/compiler.ts         |  2 +-
 theme/src/node/loadConfig/findConfigPath.ts   |  2 +-
 theme/src/node/loadConfig/index.ts            |  2 +-
 theme/src/node/loadConfig/loader.ts           | 12 ++--
 theme/src/node/locales/index.ts               |  4 +-
 theme/src/node/plugins/getPlugins.ts          | 18 +++---
 theme/src/node/plugins/index.ts               |  2 +-
 theme/src/node/prepare/index.ts               |  4 +-
 theme/src/node/prepare/prepareBlogData.ts     |  8 +--
 theme/src/node/prepare/prepareEncrypt.ts      |  4 +-
 theme/src/node/prepare/prepareIcons.ts        | 11 ++--
 theme/src/node/prepare/prepareSidebar.ts      |  4 +-
 theme/src/node/setupPages.ts                  |  8 +--
 theme/src/node/theme.ts                       | 12 ++--
 theme/src/node/utils/index.ts                 |  4 +-
 theme/src/node/utils/path.ts                  |  2 +-
 theme/src/shared/frontmatter/index.ts         |  6 +-
 theme/src/shared/index.ts                     | 12 ++--
 theme/src/shared/options/index.ts             |  4 +-
 theme/src/shared/options/locale.ts            |  2 +-
 theme/src/shared/options/plugins.ts           |  6 +-
 theme/src/shared/theme-data.ts                |  4 +-
 theme/tsup.config.ts                          |  4 +-
 213 files changed, 541 insertions(+), 533 deletions(-)

diff --git a/cli/src/generate.ts b/cli/src/generate.ts
index 77e2184b..b48a6325 100644
--- a/cli/src/generate.ts
+++ b/cli/src/generate.ts
@@ -1,12 +1,12 @@
+import fs from 'node:fs'
 import path from 'node:path'
 import process from 'node:process'
-import fs from 'node:fs'
 import { execaCommand } from 'execa'
+import { DeployType, Mode } from './constants.js'
 import { createPackageJson } from './packageJson.js'
 import { createRender } from './render.js'
 import { getTemplate, readFiles, readJsonFile, writeFiles } from './utils/index.js'
 import type { File, ResolvedData } from './types.js'
-import { DeployType, Mode } from './constants.js'
 
 export async function generate(mode: Mode, data: ResolvedData): Promise<void> {
   const cwd = process.cwd()
diff --git a/cli/src/index.ts b/cli/src/index.ts
index d7d14ffe..8291f080 100644
--- a/cli/src/index.ts
+++ b/cli/src/index.ts
@@ -1,6 +1,6 @@
 import cac from 'cac'
-import { run } from './run.js'
 import { Mode } from './constants.js'
+import { run } from './run.js'
 
 declare const __CLI_VERSION__: string
 
diff --git a/cli/src/locales/index.ts b/cli/src/locales/index.ts
index 133b7b48..952b5551 100644
--- a/cli/src/locales/index.ts
+++ b/cli/src/locales/index.ts
@@ -1,6 +1,6 @@
-import type { Langs, Locale } from '../types.js'
 import { en } from './en.js'
 import { zh } from './zh.js'
+import type { Langs, Locale } from '../types.js'
 
 export const locales: Record<Langs, Locale> = {
   'zh-CN': zh,
diff --git a/cli/src/packageJson.ts b/cli/src/packageJson.ts
index c888bed3..95bae4a8 100644
--- a/cli/src/packageJson.ts
+++ b/cli/src/packageJson.ts
@@ -1,8 +1,8 @@
-import { execaCommand } from 'execa'
 import { kebabCase } from '@pengzhanbo/utils'
+import { execaCommand } from 'execa'
+import { Mode } from './constants.js'
 import { getDependenciesVersion, readJsonFile, resolve } from './utils/index.js'
 import type { File, ResolvedData } from './types.js'
-import { Mode } from './constants.js'
 
 export async function createPackageJson(
   mode: Mode,
diff --git a/cli/src/prompt.ts b/cli/src/prompt.ts
index 7d048ea4..ebca1587 100644
--- a/cli/src/prompt.ts
+++ b/cli/src/prompt.ts
@@ -1,9 +1,9 @@
-import process from 'node:process'
 import { createRequire } from 'node:module'
+import process from 'node:process'
 import { cancel, confirm, group, select, text } from '@clack/prompts'
+import { bundlerOptions, deployOptions, DeployType, languageOptions, Mode } from './constants.js'
 import { setLang, t } from './translate.js'
 import type { Bundler, Langs, Options, PromptResult } from './types.js'
-import { DeployType, Mode, bundlerOptions, deployOptions, languageOptions } from './constants.js'
 
 const require = createRequire(process.cwd())
 
diff --git a/cli/src/render.ts b/cli/src/render.ts
index 99de1e4f..04371fe2 100644
--- a/cli/src/render.ts
+++ b/cli/src/render.ts
@@ -1,5 +1,5 @@
-import handlebars from 'handlebars'
 import { kebabCase } from '@pengzhanbo/utils'
+import handlebars from 'handlebars'
 import type { ResolvedData } from './types.js'
 
 export interface RenderData extends ResolvedData {
diff --git a/cli/src/run.ts b/cli/src/run.ts
index 06544d98..a31d1189 100644
--- a/cli/src/run.ts
+++ b/cli/src/run.ts
@@ -1,14 +1,14 @@
-import process from 'node:process'
 import path from 'node:path'
+import process from 'node:process'
 import { intro, outro, spinner } from '@clack/prompts'
 import { execaCommand } from 'execa'
 import colors from 'picocolors'
-import { prompt } from './prompt.js'
-import { generate } from './generate.js'
-import { t } from './translate.js'
 import { Mode } from './constants.js'
-import type { PromptResult, ResolvedData } from './types.js'
+import { generate } from './generate.js'
+import { prompt } from './prompt.js'
+import { t } from './translate.js'
 import { getPackageManager } from './utils/index.js'
+import type { PromptResult, ResolvedData } from './types.js'
 
 export async function run(mode: Mode, root?: string) {
   intro(colors.cyan('Welcome to VuePress and vuepress-theme-plume !'))
diff --git a/cli/src/translate.ts b/cli/src/translate.ts
index 9fdf0aa4..1feeac11 100644
--- a/cli/src/translate.ts
+++ b/cli/src/translate.ts
@@ -1,5 +1,5 @@
-import type { Langs, Locale } from './types.js'
 import { locales } from './locales/index.js'
+import type { Langs, Locale } from './types.js'
 
 function createTranslate(lang?: Langs) {
   let current: Langs = lang || 'en-US'
diff --git a/cli/src/utils/fs.ts b/cli/src/utils/fs.ts
index ef4f2ce6..b83c8db0 100644
--- a/cli/src/utils/fs.ts
+++ b/cli/src/utils/fs.ts
@@ -1,5 +1,5 @@
-import path from 'node:path'
 import fs from 'node:fs/promises'
+import path from 'node:path'
 import type { File } from '../types.js'
 
 export async function readFiles(root: string): Promise<File[]> {
diff --git a/cli/src/utils/index.ts b/cli/src/utils/index.ts
index 311366a3..5d48509b 100644
--- a/cli/src/utils/index.ts
+++ b/cli/src/utils/index.ts
@@ -1,5 +1,5 @@
-import { fileURLToPath } from 'node:url'
 import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 
 export const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
@@ -7,6 +7,6 @@ export const resolve = (...args: string[]) => path.resolve(__dirname, '../', ...
 
 export const getTemplate = (dir: string) => resolve('templates', dir)
 
-export * from './fs.js'
 export * from './depsVersion.js'
+export * from './fs.js'
 export * from './getPackageManager.js'
diff --git a/docs/.vuepress/client.ts b/docs/.vuepress/client.ts
index 4788225a..71f2aeba 100644
--- a/docs/.vuepress/client.ts
+++ b/docs/.vuepress/client.ts
@@ -1,9 +1,9 @@
 import { type ClientConfig, defineClientConfig } from 'vuepress/client'
-import HeroTintPlateConfig from './themes/components/HeroTintPlateConfig.vue'
 import CanIUseConfig from './themes/components/CanIUseConfig.vue'
-import Demos from './themes/components/Demos.vue'
-import ThemeColors from './themes/components/ThemeColors.vue'
 import Contributors from './themes/components/Contributors.vue'
+import Demos from './themes/components/Demos.vue'
+import HeroTintPlateConfig from './themes/components/HeroTintPlateConfig.vue'
+import ThemeColors from './themes/components/ThemeColors.vue'
 import { setupThemeColors } from './themes/composables/theme-colors.js'
 
 export default defineClientConfig({
diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts
index 67ddda33..c3609e6a 100644
--- a/docs/.vuepress/config.ts
+++ b/docs/.vuepress/config.ts
@@ -1,7 +1,7 @@
 import * as path from 'node:path'
-import { type UserConfig, defineUserConfig } from 'vuepress'
 import { viteBundler } from '@vuepress/bundler-vite'
 import { addViteOptimizeDepsInclude, addViteSsrExternal } from '@vuepress/helper'
+import { defineUserConfig, type UserConfig } from 'vuepress'
 import { peerDependencies } from '../package.json'
 import { theme } from './theme.js'
 
diff --git a/docs/.vuepress/notes/zh/index.ts b/docs/.vuepress/notes/zh/index.ts
index fed5583d..c2116c11 100644
--- a/docs/.vuepress/notes/zh/index.ts
+++ b/docs/.vuepress/notes/zh/index.ts
@@ -1,7 +1,7 @@
 import { defineNotesConfig } from 'vuepress-theme-plume'
-import { themeGuide } from './theme-guide'
-import { themeConfig } from './theme-config'
 import { plugins } from './plugins'
+import { themeConfig } from './theme-config'
+import { themeGuide } from './theme-guide'
 import { tools } from './tools'
 
 export const zhNotes = defineNotesConfig({
diff --git a/docs/.vuepress/plume.config.ts b/docs/.vuepress/plume.config.ts
index c835f5e7..f6011830 100644
--- a/docs/.vuepress/plume.config.ts
+++ b/docs/.vuepress/plume.config.ts
@@ -1,6 +1,6 @@
 import { defineThemeConfig } from 'vuepress-theme-plume'
-import { enNotes, zhNotes } from './notes/index.js'
 import { enNavbar, zhNavbar } from './navbar.js'
+import { enNotes, zhNotes } from './notes/index.js'
 
 export default defineThemeConfig({
   logo: '/plume.png',
diff --git a/docs/.vuepress/themes/components/ColorPick.vue b/docs/.vuepress/themes/components/ColorPick.vue
index a1292026..38b9bd69 100644
--- a/docs/.vuepress/themes/components/ColorPick.vue
+++ b/docs/.vuepress/themes/components/ColorPick.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import '@simonwep/pickr/dist/themes/nano.min.css'
 import { onMounted, onUnmounted, ref, watch } from 'vue'
+import '@simonwep/pickr/dist/themes/nano.min.css'
 
 const emit = defineEmits<{ (e: 'update:modelValue', value: string): void }>()
 
diff --git a/docs/.vuepress/themes/components/Contributors.vue b/docs/.vuepress/themes/components/Contributors.vue
index 9606c873..5e653a7b 100644
--- a/docs/.vuepress/themes/components/Contributors.vue
+++ b/docs/.vuepress/themes/components/Contributors.vue
@@ -1,14 +1,21 @@
 <script setup lang="ts">
-defineProps<{
-  contributors: string[]
+import { computed } from 'vue'
+
+const props = defineProps<{
+  contributors: ({ github: string, name: string } | string)[]
 }>()
+
+const list = computed(() =>
+  props.contributors.map(contributor =>
+    typeof contributor === 'string' ? { github: contributor, name: contributor } : contributor),
+)
 </script>
 
 <template>
   <div class="contributors">
-    <div v-for="contributor in contributors" :key="contributor" class="contributor">
-      <img :src="`https://github.com/${contributor}.png`" :alt="contributor">
-      <a :href="`https://github.com/${contributor}`" target="_blank" rel="noopener noreferrer">{{ contributor }}</a>
+    <div v-for="contributor in list" :key="contributor.github" class="contributor">
+      <img :src="`https://avatars.githubusercontent.com/${contributor.github}?v=4`" :alt="contributor.name">
+      <a :href="`https://github.com/${contributor.github}`" target="_blank" rel="noopener noreferrer">{{ contributor.name }}</a>
     </div>
   </div>
 </template>
diff --git a/docs/.vuepress/themes/components/CustomTintPlate.vue b/docs/.vuepress/themes/components/CustomTintPlate.vue
index fbd10999..919882e2 100644
--- a/docs/.vuepress/themes/components/CustomTintPlate.vue
+++ b/docs/.vuepress/themes/components/CustomTintPlate.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { PlumeThemeHomeHeroTintPlate } from 'vuepress-theme-plume/client'
 import { computed, watch } from 'vue'
+import type { PlumeThemeHomeHeroTintPlate } from 'vuepress-theme-plume/client'
 import InputRange from './InputRange.vue'
 
 const min = 20
diff --git a/docs/.vuepress/themes/components/HeroTintPlateConfig.vue b/docs/.vuepress/themes/components/HeroTintPlateConfig.vue
index d147644c..eb7ec1e8 100644
--- a/docs/.vuepress/themes/components/HeroTintPlateConfig.vue
+++ b/docs/.vuepress/themes/components/HeroTintPlateConfig.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import { computed, ref, watch } from 'vue'
 import VPHomeHero from 'vuepress-theme-plume/components/Home/VPHomeHero.vue'
 import { useDarkMode } from 'vuepress-theme-plume/composables'
 import type { PlumeThemeHomeHeroTintPlate } from 'vuepress-theme-plume/client'
-import { computed, ref, watch } from 'vue'
+import CodeViewer from './CodeViewer.vue'
+import CustomTintPlate from './CustomTintPlate.vue'
 import DemoWrapper from './DemoWrapper.vue'
 import SingleTintPlate from './SingleTintPlate.vue'
 import TripletTintPlate from './TripletTintPlate.vue'
-import CustomTintPlate from './CustomTintPlate.vue'
-import CodeViewer from './CodeViewer.vue'
 
 type Mode = 'single' | 'triplet' | 'custom'
 
diff --git a/docs/.vuepress/themes/components/ThemeColors.vue b/docs/.vuepress/themes/components/ThemeColors.vue
index f4fc8078..32a156d0 100644
--- a/docs/.vuepress/themes/components/ThemeColors.vue
+++ b/docs/.vuepress/themes/components/ThemeColors.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import VPButton from '@theme/VPButton.vue'
 import { useThemeColors } from '../composables/theme-colors.js'
-import ColorPick from './ColorPick.vue'
 import CodeViewer from './CodeViewer.vue'
+import ColorPick from './ColorPick.vue'
 
 const { lightColors, darkColors, css, reset } = useThemeColors()
 </script>
diff --git a/docs/.vuepress/themes/composables/caniuse.ts b/docs/.vuepress/themes/composables/caniuse.ts
index bead1ff9..04b97078 100644
--- a/docs/.vuepress/themes/composables/caniuse.ts
+++ b/docs/.vuepress/themes/composables/caniuse.ts
@@ -1,5 +1,5 @@
-import { type Ref, computed, onMounted, readonly, ref, watch } from 'vue'
 import { onClickOutside, useDebounceFn, useEventListener, useLocalStorage } from '@vueuse/core'
+import { computed, onMounted, readonly, type Ref, ref, watch } from 'vue'
 
 interface Feature {
   label: string
diff --git a/docs/.vuepress/themes/composables/theme-colors.ts b/docs/.vuepress/themes/composables/theme-colors.ts
index 5572c854..085f3046 100644
--- a/docs/.vuepress/themes/composables/theme-colors.ts
+++ b/docs/.vuepress/themes/composables/theme-colors.ts
@@ -1,5 +1,5 @@
-import { type InjectionKey, type Ref, inject, provide, watch } from 'vue'
 import { useSessionStorage, useStyleTag } from '@vueuse/core'
+import { inject, type InjectionKey, provide, type Ref, watch } from 'vue'
 
 export interface ThemeColor {
   name: string
diff --git a/docs/README.md b/docs/README.md
index 3006c461..ba6300ed 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -172,12 +172,12 @@ export default defineUserConfig({
 <Contributors
   :contributors="[
     'pengzhanbo',
-    'huankong233',
-    'northword',
+    { github: 'huankong233', name: 'huan_kong' },
+    { github: 'northword', name: 'Northword' },
     'KrLite',
     'shylock-wu',
     'hrradev',
-    'TheCoderAlex'
+    { github: 'TheCoderAlex', name: 'Tang Zifeng' },
   ]"
 />
 
diff --git a/docs/notes/plugins/caniuse.md b/docs/notes/plugins/caniuse.md
index bf66ddae..6be59f49 100644
--- a/docs/notes/plugins/caniuse.md
+++ b/docs/notes/plugins/caniuse.md
@@ -49,8 +49,8 @@ pnpm add @vuepress-plume/plugin-caniuse
 @tab .vuepress/config.ts
 
 ``` ts
-import { defineUserConfig } from 'vuepress'
 import { caniusePlugin } from '@vuepress-plume/plugin-caniuse'
+import { defineUserConfig } from 'vuepress'
 
 export default defineUserConfig({
   plugins: [
diff --git a/docs/notes/plugins/content-updated.md b/docs/notes/plugins/content-updated.md
index 84e00f9e..1ae07e30 100644
--- a/docs/notes/plugins/content-updated.md
+++ b/docs/notes/plugins/content-updated.md
@@ -56,8 +56,8 @@ yarn add @vuepress-plume/plugin-content-update
 @tab .vuepress/config.ts
 
 ``` ts
-import { defineUserConfig } from 'vuepress'
 import { contentUpdatePlugin } from '@vuepress-plume/plugin-content-update'
+import { defineUserConfig } from 'vuepress'
 
 export default defineUserConfig({
   plugins: [
@@ -86,8 +86,8 @@ onContentUpdated(() => {
 
 ```vue
 <script lang="ts" setup>
-import { onContentUpdated } from '@vuepress-plume/plugin-content-update/client'
 import { useMediumZoom } from '@vuepress/plugin-medium-zoom/client'
+import { onContentUpdated } from '@vuepress-plume/plugin-content-update/client'
 
 const mediumZoom = useMediumZoom()
 
diff --git a/docs/notes/theme/config/plugins/README.md b/docs/notes/theme/config/plugins/README.md
index 9e980cda..45591f55 100644
--- a/docs/notes/theme/config/plugins/README.md
+++ b/docs/notes/theme/config/plugins/README.md
@@ -12,8 +12,8 @@ permalink: /config/plugins/
 所有主题内部使用的插件， 均在 `plugins` 字段中进行配置。
 
 ``` js
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/config/plugins/markdownPower.md b/docs/notes/theme/config/plugins/markdownPower.md
index 295f9638..1e6fb0d6 100644
--- a/docs/notes/theme/config/plugins/markdownPower.md
+++ b/docs/notes/theme/config/plugins/markdownPower.md
@@ -16,8 +16,8 @@ permalink: /config/plugin/markdown-power/
 默认配置：
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/config/plugins/markdown增强.md b/docs/notes/theme/config/plugins/markdown增强.md
index b74ba696..e0726eb8 100644
--- a/docs/notes/theme/config/plugins/markdown增强.md
+++ b/docs/notes/theme/config/plugins/markdown增强.md
@@ -14,8 +14,8 @@ permalink: /config/plugins/markdown-enhance/
 默认配置：
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/config/plugins/代码高亮.md b/docs/notes/theme/config/plugins/代码高亮.md
index 6a4aa90d..f12f75e0 100644
--- a/docs/notes/theme/config/plugins/代码高亮.md
+++ b/docs/notes/theme/config/plugins/代码高亮.md
@@ -40,8 +40,8 @@ Shiki 支持多种编程语言。
 默认配置：
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/config/plugins/阅读统计.md b/docs/notes/theme/config/plugins/阅读统计.md
index a6fa23d4..bccebd69 100644
--- a/docs/notes/theme/config/plugins/阅读统计.md
+++ b/docs/notes/theme/config/plugins/阅读统计.md
@@ -14,8 +14,8 @@ permalink: /config/plugins/reading-time/
 默认配置：
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/config/配置说明.md b/docs/notes/theme/config/配置说明.md
index c24c5fec..3e463a00 100644
--- a/docs/notes/theme/config/配置说明.md
+++ b/docs/notes/theme/config/配置说明.md
@@ -30,8 +30,8 @@ VuePress 站点的基本配置文件是 `.vuepress/config.js` ，但也同样支
 
 ```ts
 import { viteBundler } from '@vuepress/bundler-vite'
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   bundler: viteBundler(),
@@ -61,8 +61,8 @@ export default defineUserConfig({
 一般我们使用 `.vuepress/config.js` 或者 `.vuepress/config.ts` 来配置主题。
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
@@ -122,8 +122,8 @@ export default defineThemeConfig({
 
 ```ts
 import path from 'node:path'
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/guide/api-客户端.md b/docs/notes/theme/guide/api-客户端.md
index 7c62ba35..26f8ce10 100644
--- a/docs/notes/theme/guide/api-客户端.md
+++ b/docs/notes/theme/guide/api-客户端.md
@@ -33,8 +33,8 @@ import { Layout, NotFound } from 'vuepress-theme-plume/client'
 更多其他组件请查看 [源代码](https://github.com/pengzhanbo/vuepress-theme-plume/tree/main/theme/src/client/components)
 
 ```ts
-import VPLink from 'vuepress-theme-plume/components/VPLink.vue'
 import VPButton from 'vuepress-theme-plume/components/VPButton.vue'
+import VPLink from 'vuepress-theme-plume/components/VPLink.vue'
 ```
 
 ## 组合式 API
diff --git a/docs/notes/theme/guide/博客.md b/docs/notes/theme/guide/博客.md
index a6a705b9..2a748669 100644
--- a/docs/notes/theme/guide/博客.md
+++ b/docs/notes/theme/guide/博客.md
@@ -189,8 +189,8 @@ config:
 （还可以在重新修改 分类页/标签页/归档页的链接地址）
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
 import { defineUserConfig } from 'vuepress'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 export default defineUserConfig({
   theme: plumeTheme({
diff --git a/docs/notes/theme/guide/国际化.md b/docs/notes/theme/guide/国际化.md
index be13d352..c8ed693f 100644
--- a/docs/notes/theme/guide/国际化.md
+++ b/docs/notes/theme/guide/国际化.md
@@ -54,8 +54,8 @@ export default defineUserConfig({
 `locales` 支持 所有主题配置项。
 
 ```js
-import { defineUserConfig } from 'vuepress'
 import { plumeTheme } from '@vuepress-plume/vuepress-theme-plume'
+import { defineUserConfig } from 'vuepress'
 
 export default defineUserConfig({
   lang: 'en-US',
diff --git a/docs/notes/theme/guide/安装与使用.md b/docs/notes/theme/guide/安装与使用.md
index 0cc6f9fe..bb2dd9be 100644
--- a/docs/notes/theme/guide/安装与使用.md
+++ b/docs/notes/theme/guide/安装与使用.md
@@ -196,8 +196,8 @@ cd open-source # 进入 D: 分区下的 open-source 目录
   @tab docs/.vuepress/config.js
 
   ``` ts :no-line-numbers
-  import { defineUserConfig } from 'vuepress'
   import { viteBundler } from '@vuepress/bundler-vite'
+  import { defineUserConfig } from 'vuepress'
   import { plumeTheme } from 'vuepress-theme-plume'
 
   export default defineUserConfig({
diff --git a/docs/notes/theme/guide/布局插槽.md b/docs/notes/theme/guide/布局插槽.md
index 2f0bf960..973328bc 100644
--- a/docs/notes/theme/guide/布局插槽.md
+++ b/docs/notes/theme/guide/布局插槽.md
@@ -53,8 +53,8 @@ import { Layout } from 'vuepress-theme-plume/client'
 也可以使用 渲染函数 实现注入内容，在 `.vuepress/client.ts` 中：
 
 ```ts
-import { defineClientConfig } from 'vuepress/client'
 import { h } from 'vue'
+import { defineClientConfig } from 'vuepress/client'
 import { Layout } from 'vuepress-theme-plume/client'
 import CustomContent from './components/CustomContent.vue'
 
diff --git a/docs/notes/theme/guide/组件覆写.md b/docs/notes/theme/guide/组件覆写.md
index a32da440..6c22a5f4 100644
--- a/docs/notes/theme/guide/组件覆写.md
+++ b/docs/notes/theme/guide/组件覆写.md
@@ -24,9 +24,9 @@ permalink: /guide/component-overrides/
 如果你想要覆写 `VPFooter.vue` 组件，只需要在配置文件 `.vuepress/config.ts` 中覆盖这个别名即可：
 
 ```ts
-import { plumeTheme } from 'vuepress-theme-plume'
-import { getDirname, path } from 'vuepress/utils'
 import { defineUserConfig } from 'vuepress'
+import { getDirname, path } from 'vuepress/utils'
+import { plumeTheme } from 'vuepress-theme-plume'
 
 const __dirname = getDirname(import.meta.url)
 
diff --git a/docs/notes/theme/guide/自定义样式.md b/docs/notes/theme/guide/自定义样式.md
index e67fa20d..986e55bf 100644
--- a/docs/notes/theme/guide/自定义样式.md
+++ b/docs/notes/theme/guide/自定义样式.md
@@ -21,10 +21,10 @@ permalink: /guide/custom-style/
 @tab .vuepress/client.ts
 
 ```ts {1}
-import './styles/index.css'
-
 import { defineClientConfig } from 'vuepress/client'
 
+import './styles/index.css'
+
 export default defineClientConfig({
   // ...
 })
diff --git a/docs/notes/theme/snippet/include-1.snippet.md b/docs/notes/theme/snippet/include-1.snippet.md
index 8f9ae492..3c0b0c3a 100644
--- a/docs/notes/theme/snippet/include-1.snippet.md
+++ b/docs/notes/theme/snippet/include-1.snippet.md
@@ -49,8 +49,8 @@ cupiditate sequi.
 
 @tab TS
 ```ts
-import MarkdownIt from 'markdown-it'
 import { include } from '@mdit/plugin-include'
+import MarkdownIt from 'markdown-it'
 
 // #region snippet
 const mdIt = MarkdownIt().use(include, {
@@ -66,8 +66,8 @@ mdIt.render('<!-- @include: ./path/to/include/file.md -->', {
 
 @tab JS
 ```js
-const MarkdownIt = require('markdown-it')
 const { include } = require('@mdit/plugin-include')
+const MarkdownIt = require('markdown-it')
 
 // #region snippet
 const mdIt = MarkdownIt().use(include, {
diff --git a/plugins/plugin-content-update/src/node/plugin.ts b/plugins/plugin-content-update/src/node/plugin.ts
index cff5534a..cf8a076e 100644
--- a/plugins/plugin-content-update/src/node/plugin.ts
+++ b/plugins/plugin-content-update/src/node/plugin.ts
@@ -1,5 +1,5 @@
-import type { Plugin } from 'vuepress/core'
 import { getDirname, path } from 'vuepress/utils'
+import type { Plugin } from 'vuepress/core'
 
 const __dirname = getDirname(import.meta.url)
 
diff --git a/plugins/plugin-content-update/tsup.config.ts b/plugins/plugin-content-update/tsup.config.ts
index 0e2f5dc4..54e96623 100644
--- a/plugins/plugin-content-update/tsup.config.ts
+++ b/plugins/plugin-content-update/tsup.config.ts
@@ -1,4 +1,4 @@
-import { type Options, defineConfig } from 'tsup'
+import { defineConfig, type Options } from 'tsup'
 
 const clientExternal: (string | RegExp)[] = [
   /.*\.vue$/,
diff --git a/plugins/plugin-fonts/src/node/plugin.ts b/plugins/plugin-fonts/src/node/plugin.ts
index 6da2682f..ee82dd5c 100644
--- a/plugins/plugin-fonts/src/node/plugin.ts
+++ b/plugins/plugin-fonts/src/node/plugin.ts
@@ -1,5 +1,5 @@
-import type { Plugin } from 'vuepress/core'
 import { getDirname, path } from 'vuepress/utils'
+import type { Plugin } from 'vuepress/core'
 
 export function fontsPlugin(): Plugin {
   return {
diff --git a/plugins/plugin-fonts/tsup.config.ts b/plugins/plugin-fonts/tsup.config.ts
index 339fd4bc..8391a704 100644
--- a/plugins/plugin-fonts/tsup.config.ts
+++ b/plugins/plugin-fonts/tsup.config.ts
@@ -1,4 +1,4 @@
-import { type Options, defineConfig } from 'tsup'
+import { defineConfig, type Options } from 'tsup'
 
 const clientExternal: (string | RegExp)[] = [
   /.*\.vue$/,
diff --git a/plugins/plugin-md-power/src/client/components/CanIUse.vue b/plugins/plugin-md-power/src/client/components/CanIUse.vue
index 00cf14d6..f8a9e7b4 100644
--- a/plugins/plugin-md-power/src/client/components/CanIUse.vue
+++ b/plugins/plugin-md-power/src/client/components/CanIUse.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, getCurrentInstance, ref } from 'vue'
 import { useEventListener } from '@vueuse/core'
+import { computed, getCurrentInstance, ref } from 'vue'
 
 interface MessageData {
   type: string
diff --git a/plugins/plugin-md-power/src/client/components/CodeEditor.vue b/plugins/plugin-md-power/src/client/components/CodeEditor.vue
index 5bec721c..e9e40e09 100644
--- a/plugins/plugin-md-power/src/client/components/CodeEditor.vue
+++ b/plugins/plugin-md-power/src/client/components/CodeEditor.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { getHighlighterCore } from 'shiki/core'
-import type { HighlighterCore } from 'shiki/core'
 import editorData from '@internal/md-power/replEditorData'
+import { getHighlighterCore } from 'shiki/core'
 import { onMounted, onUnmounted, ref, shallowRef, watch } from 'vue'
+import type { HighlighterCore } from 'shiki/core'
 import { resolveCodeInfo } from '../composables/codeRepl.js'
 
 let highlighter: HighlighterCore | null = null
diff --git a/plugins/plugin-md-power/src/client/components/CodeRepl.vue b/plugins/plugin-md-power/src/client/components/CodeRepl.vue
index 81c0eeb4..e05ac414 100644
--- a/plugins/plugin-md-power/src/client/components/CodeRepl.vue
+++ b/plugins/plugin-md-power/src/client/components/CodeRepl.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { defineAsyncComponent, shallowRef } from 'vue'
 import { useCodeRepl } from '../composables/codeRepl.js'
+import IconClose from './IconClose.vue'
+import IconConsole from './IconConsole.vue'
 import IconRun from './IconRun.vue'
 import Loading from './Loading.vue'
-import IconConsole from './IconConsole.vue'
-import IconClose from './IconClose.vue'
 
 defineProps<{
   editable?: boolean
diff --git a/plugins/plugin-md-power/src/client/components/PDFViewer.vue b/plugins/plugin-md-power/src/client/components/PDFViewer.vue
index 1c496d47..66018224 100644
--- a/plugins/plugin-md-power/src/client/components/PDFViewer.vue
+++ b/plugins/plugin-md-power/src/client/components/PDFViewer.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { onMounted, toRefs } from 'vue'
-import type { PDFTokenMeta } from '../../shared/index.js'
-import { useSize } from '../composables/size.js'
 import { usePDF } from '../composables/pdf.js'
+import { useSize } from '../composables/size.js'
+import type { PDFTokenMeta } from '../../shared/index.js'
 
 const props = defineProps<PDFTokenMeta>()
 
diff --git a/plugins/plugin-md-power/src/client/components/Plot.vue b/plugins/plugin-md-power/src/client/components/Plot.vue
index bc88ab16..bcf77ebc 100644
--- a/plugins/plugin-md-power/src/client/components/Plot.vue
+++ b/plugins/plugin-md-power/src/client/components/Plot.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, ref, shallowRef } from 'vue'
 import { onClickOutside, useMediaQuery } from '@vueuse/core'
+import { computed, ref, shallowRef } from 'vue'
 import { usePageFrontmatter } from 'vuepress/client'
-import type { PlotOptions } from '../../shared/index.js'
 import { pluginOptions } from '../options.js'
+import type { PlotOptions } from '../../shared/index.js'
 
 const props = defineProps<Omit<PlotOptions, 'tag'>>()
 
diff --git a/plugins/plugin-md-power/src/client/components/Replit.vue b/plugins/plugin-md-power/src/client/components/Replit.vue
index ebd82385..4469e427 100644
--- a/plugins/plugin-md-power/src/client/components/Replit.vue
+++ b/plugins/plugin-md-power/src/client/components/Replit.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref } from 'vue'
-import type { ReplitTokenMeta } from '../../shared/index.js'
 import Loading from './Loading.vue'
+import type { ReplitTokenMeta } from '../../shared/index.js'
 
 const props = defineProps<ReplitTokenMeta>()
 
diff --git a/plugins/plugin-md-power/src/client/composables/codeRepl.ts b/plugins/plugin-md-power/src/client/composables/codeRepl.ts
index ea1ac391..0a03eec4 100644
--- a/plugins/plugin-md-power/src/client/composables/codeRepl.ts
+++ b/plugins/plugin-md-power/src/client/composables/codeRepl.ts
@@ -1,4 +1,4 @@
-import { type Ref, onMounted, ref } from 'vue'
+import { onMounted, type Ref, ref } from 'vue'
 import { http } from '../utils/http.js'
 import { sleep } from '../utils/sleep.js'
 import { rustExecute } from './rustRepl.js'
diff --git a/plugins/plugin-md-power/src/client/composables/pdf.ts b/plugins/plugin-md-power/src/client/composables/pdf.ts
index 0d3dd6a0..8393f51d 100644
--- a/plugins/plugin-md-power/src/client/composables/pdf.ts
+++ b/plugins/plugin-md-power/src/client/composables/pdf.ts
@@ -11,11 +11,11 @@
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { ensureEndingSlash, isLinkHttp } from 'vuepress/shared'
 import { withBase } from 'vuepress/client'
-import type { PDFEmbedType, PDFTokenMeta } from '../../shared/index.js'
+import { ensureEndingSlash, isLinkHttp } from 'vuepress/shared'
 import { pluginOptions } from '../options.js'
-import { checkIsMobile, checkIsSafari, checkIsiPad } from '../utils/is.js'
+import { checkIsiPad, checkIsMobile, checkIsSafari } from '../utils/is.js'
+import type { PDFEmbedType, PDFTokenMeta } from '../../shared/index.js'
 
 function queryStringify(options: PDFTokenMeta): string {
   const { page, noToolbar, zoom } = options
@@ -105,7 +105,7 @@ export function usePDF(
     // We're moving into the age of MIME-less browsers. They mostly all support PDF rendering without plugins.
     && (isModernBrowser
     // Modern versions of Firefox come bundled with PDFJS
-    || isFirefoxWithPDFJS)
+      || isFirefoxWithPDFJS)
 
   if (!url)
     return
diff --git a/plugins/plugin-md-power/src/client/composables/size.ts b/plugins/plugin-md-power/src/client/composables/size.ts
index 895261ea..73a2f998 100644
--- a/plugins/plugin-md-power/src/client/composables/size.ts
+++ b/plugins/plugin-md-power/src/client/composables/size.ts
@@ -11,10 +11,10 @@
  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import type { MaybeRef } from '@vueuse/core'
 import { useEventListener } from '@vueuse/core'
-import type { Ref, ShallowRef, ToRefs } from 'vue'
 import { computed, isRef, onMounted, ref, shallowRef, toValue, watch } from 'vue'
+import type { MaybeRef } from '@vueuse/core'
+import type { Ref, ShallowRef, ToRefs } from 'vue'
 import type { SizeOptions } from '../../shared/index.js'
 
 export interface SizeInfo<T extends HTMLElement> {
diff --git a/plugins/plugin-md-power/src/client/utils/link.ts b/plugins/plugin-md-power/src/client/utils/link.ts
index 600912c3..4a2b1b37 100644
--- a/plugins/plugin-md-power/src/client/utils/link.ts
+++ b/plugins/plugin-md-power/src/client/utils/link.ts
@@ -1,5 +1,5 @@
-import { isLinkHttp } from 'vuepress/shared'
 import { withBase } from 'vuepress/client'
+import { isLinkHttp } from 'vuepress/shared'
 
 export function normalizeLink(url: string): string {
   return isLinkHttp(url) ? url : withBase(url)
diff --git a/plugins/plugin-md-power/src/node/features/caniuse.ts b/plugins/plugin-md-power/src/node/features/caniuse.ts
index 83d6729a..be4c0bd9 100644
--- a/plugins/plugin-md-power/src/node/features/caniuse.ts
+++ b/plugins/plugin-md-power/src/node/features/caniuse.ts
@@ -2,13 +2,13 @@
  * @[caniuse embed{1,2,3,4}](feature_name)
  * @[caniuse image](feature_name)
  */
-import type { PluginWithOptions } from 'markdown-it'
-import type Token from 'markdown-it/lib/token.mjs'
-import type MarkdownIt from 'markdown-it'
 import container from 'markdown-it-container'
 import { customAlphabet } from 'nanoid'
-import type { CanIUseMode, CanIUseOptions, CanIUseTokenMeta } from '../../shared/index.js'
+import type { PluginWithOptions } from 'markdown-it'
+import type MarkdownIt from 'markdown-it'
+import type Token from 'markdown-it/lib/token.mjs'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
+import type { CanIUseMode, CanIUseOptions, CanIUseTokenMeta } from '../../shared/index.js'
 
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 5)
 const UNDERLINE_RE = /_+/g
diff --git a/plugins/plugin-md-power/src/node/features/codeSandbox.ts b/plugins/plugin-md-power/src/node/features/codeSandbox.ts
index 95da8062..4bc8e4cb 100644
--- a/plugins/plugin-md-power/src/node/features/codeSandbox.ts
+++ b/plugins/plugin-md-power/src/node/features/codeSandbox.ts
@@ -4,10 +4,10 @@
  * @[codesanbox title="xxx" layout="Editor+Preview" height="500px" navbar="false" console="false"](id#filepath)
  */
 import type { PluginWithOptions } from 'markdown-it'
-import { resolveAttrs } from '../utils/resolveAttrs.js'
-import { parseRect } from '../utils/parseRect.js'
-import type { CodeSandboxTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
+import { parseRect } from '../utils/parseRect.js'
+import { resolveAttrs } from '../utils/resolveAttrs.js'
+import type { CodeSandboxTokenMeta } from '../../shared/index.js'
 
 export const codeSandboxPlugin: PluginWithOptions<never> = (md) => {
   createRuleBlock<CodeSandboxTokenMeta>(md, {
diff --git a/plugins/plugin-md-power/src/node/features/codepen.ts b/plugins/plugin-md-power/src/node/features/codepen.ts
index 9b01e320..d1f1b708 100644
--- a/plugins/plugin-md-power/src/node/features/codepen.ts
+++ b/plugins/plugin-md-power/src/node/features/codepen.ts
@@ -4,10 +4,10 @@
  * @[codepen preview editable title="" height="400px" tab="css,result" theme="dark"](user/slash)
  */
 import type { PluginWithOptions } from 'markdown-it'
-import { resolveAttrs } from '../utils/resolveAttrs.js'
-import { parseRect } from '../utils/parseRect.js'
-import type { CodepenTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
+import { parseRect } from '../utils/parseRect.js'
+import { resolveAttrs } from '../utils/resolveAttrs.js'
+import type { CodepenTokenMeta } from '../../shared/index.js'
 
 const CODEPEN_LINK = 'https://codepen.io/'
 
diff --git a/plugins/plugin-md-power/src/node/features/fileTree/findIcon.ts b/plugins/plugin-md-power/src/node/features/fileTree/findIcon.ts
index 20d56664..730754b4 100644
--- a/plugins/plugin-md-power/src/node/features/fileTree/findIcon.ts
+++ b/plugins/plugin-md-power/src/node/features/fileTree/findIcon.ts
@@ -1,4 +1,4 @@
-import { FileIcons, definitions } from './icons.js'
+import { definitions, FileIcons } from './icons.js'
 
 export interface FileIcon {
   name: string
diff --git a/plugins/plugin-md-power/src/node/features/fileTree/index.ts b/plugins/plugin-md-power/src/node/features/fileTree/index.ts
index b56001c5..8693dfef 100644
--- a/plugins/plugin-md-power/src/node/features/fileTree/index.ts
+++ b/plugins/plugin-md-power/src/node/features/fileTree/index.ts
@@ -1,10 +1,10 @@
 import fs from 'node:fs'
 import container from 'markdown-it-container'
-import type { Markdown } from 'vuepress/markdown'
 import type Token from 'markdown-it/lib/token.mjs'
 import type { App } from 'vuepress/core'
-import { resolveTreeNodeInfo, updateInlineToken } from './resolveTreeNodeInfo.js'
+import type { Markdown } from 'vuepress/markdown'
 import { type FileIcon, folderIcon, getFileIcon } from './findIcon.js'
+import { resolveTreeNodeInfo, updateInlineToken } from './resolveTreeNodeInfo.js'
 
 const type = 'file-tree'
 const closeType = `container_${type}_close`
@@ -21,7 +21,7 @@ export async function fileTreePlugin(app: App, md: Markdown) {
       for (
         let i = idx + 1;
         !(tokens[i].nesting === -1
-        && tokens[i].type === closeType);
+          && tokens[i].type === closeType);
         ++i
       ) {
         const token = tokens[i]
diff --git a/plugins/plugin-md-power/src/node/features/fileTree/resolveTreeNodeInfo.ts b/plugins/plugin-md-power/src/node/features/fileTree/resolveTreeNodeInfo.ts
index af61185b..3414e975 100644
--- a/plugins/plugin-md-power/src/node/features/fileTree/resolveTreeNodeInfo.ts
+++ b/plugins/plugin-md-power/src/node/features/fileTree/resolveTreeNodeInfo.ts
@@ -1,5 +1,5 @@
-import { removeLeadingSlash } from 'vuepress/shared'
 import Token from 'markdown-it/lib/token.mjs'
+import { removeLeadingSlash } from 'vuepress/shared'
 
 interface FileTreeNode {
   filename: string
diff --git a/plugins/plugin-md-power/src/node/features/imageSize.ts b/plugins/plugin-md-power/src/node/features/imageSize.ts
index ebfdfb7f..f70d4806 100644
--- a/plugins/plugin-md-power/src/node/features/imageSize.ts
+++ b/plugins/plugin-md-power/src/node/features/imageSize.ts
@@ -1,12 +1,12 @@
-import { URL } from 'node:url'
-import http from 'node:https'
 import { Buffer } from 'node:buffer'
-import type { App } from 'vuepress'
-import type { Markdown, MarkdownEnv } from 'vuepress/markdown'
+import http from 'node:https'
+import { URL } from 'node:url'
 import { isLinkExternal } from '@vuepress/helper'
+import imageSize from 'image-size'
 import { fs, path } from 'vuepress/utils'
 import type { RenderRule } from 'markdown-it/lib/renderer.mjs'
-import imageSize from 'image-size'
+import type { App } from 'vuepress'
+import type { Markdown, MarkdownEnv } from 'vuepress/markdown'
 import { resolveAttrs } from '../utils/resolveAttrs.js'
 
 interface ImgSize {
@@ -151,7 +151,7 @@ function resolveImageUrl(src: string, env: MarkdownEnv, app: App): string {
   if (env.filePath && (src[0] === '.' || src[0] === '/'))
     return path.resolve(env.filePath, src)
 
-  return ''
+  return path.resolve(src)
 }
 
 export async function scanRemoteImageSize(
diff --git a/plugins/plugin-md-power/src/node/features/jsfiddle.ts b/plugins/plugin-md-power/src/node/features/jsfiddle.ts
index 5c4cb092..53938a7b 100644
--- a/plugins/plugin-md-power/src/node/features/jsfiddle.ts
+++ b/plugins/plugin-md-power/src/node/features/jsfiddle.ts
@@ -3,10 +3,10 @@
  * @[jsfiddle theme="dark" tab="js,css,html,result"](user/id)
  */
 import type { PluginWithOptions } from 'markdown-it'
-import { resolveAttrs } from '../utils/resolveAttrs.js'
-import { parseRect } from '../utils/parseRect.js'
-import type { JSFiddleTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
+import { parseRect } from '../utils/parseRect.js'
+import { resolveAttrs } from '../utils/resolveAttrs.js'
+import type { JSFiddleTokenMeta } from '../../shared/index.js'
 
 export const jsfiddlePlugin: PluginWithOptions<never> = (md) => {
   createRuleBlock<JSFiddleTokenMeta>(md, {
diff --git a/plugins/plugin-md-power/src/node/features/langRepl.ts b/plugins/plugin-md-power/src/node/features/langRepl.ts
index 1447917a..89f14708 100644
--- a/plugins/plugin-md-power/src/node/features/langRepl.ts
+++ b/plugins/plugin-md-power/src/node/features/langRepl.ts
@@ -1,8 +1,8 @@
-import type markdownIt from 'markdown-it'
 import container from 'markdown-it-container'
+import { fs, getDirname, path } from 'vuepress/utils'
+import type markdownIt from 'markdown-it'
 import type Token from 'markdown-it/lib/token.mjs'
 import type { App } from 'vuepress/core'
-import { fs, getDirname, path } from 'vuepress/utils'
 import type { ReplEditorData, ReplOptions } from '../../shared/index.js'
 
 const RE_INFO = /^(#editable)?(.*)$/
diff --git a/plugins/plugin-md-power/src/node/features/pdf.ts b/plugins/plugin-md-power/src/node/features/pdf.ts
index 7f71c244..c46914b6 100644
--- a/plugins/plugin-md-power/src/node/features/pdf.ts
+++ b/plugins/plugin-md-power/src/node/features/pdf.ts
@@ -5,10 +5,10 @@
  */
 import { path } from 'vuepress/utils'
 import type { PluginWithOptions } from 'markdown-it'
-import type { PDFTokenMeta } from '../../shared/index.js'
-import { resolveAttrs } from '../utils/resolveAttrs.js'
-import { parseRect } from '../utils/parseRect.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
+import { parseRect } from '../utils/parseRect.js'
+import { resolveAttrs } from '../utils/resolveAttrs.js'
+import type { PDFTokenMeta } from '../../shared/index.js'
 
 export const pdfPlugin: PluginWithOptions<never> = (md) => {
   createRuleBlock<PDFTokenMeta>(md, {
diff --git a/plugins/plugin-md-power/src/node/features/replit.ts b/plugins/plugin-md-power/src/node/features/replit.ts
index 02387d95..e1364a77 100644
--- a/plugins/plugin-md-power/src/node/features/replit.ts
+++ b/plugins/plugin-md-power/src/node/features/replit.ts
@@ -4,10 +4,10 @@
  * @[replit title="" height="400px" width="100%" theme="dark"](user/repl-name)
  */
 import type { PluginWithOptions } from 'markdown-it'
-import { resolveAttrs } from '../utils/resolveAttrs.js'
-import { parseRect } from '../utils/parseRect.js'
-import type { ReplitTokenMeta } from '../../shared/index.js'
 import { createRuleBlock } from '../utils/createRuleBlock.js'
+import { parseRect } from '../utils/parseRect.js'
+import { resolveAttrs } from '../utils/resolveAttrs.js'
+import type { ReplitTokenMeta } from '../../shared/index.js'
 
 export const replitPlugin: PluginWithOptions<never> = (md) => {
   createRuleBlock<ReplitTokenMeta>(md, {
diff --git a/plugins/plugin-md-power/src/node/features/video/bilibili.ts b/plugins/plugin-md-power/src/node/features/video/bilibili.ts
index e931449d..32fa9415 100644
--- a/plugins/plugin-md-power/src/node/features/video/bilibili.ts
+++ b/plugins/plugin-md-power/src/node/features/video/bilibili.ts
@@ -6,11 +6,11 @@
  */
 import { URLSearchParams } from 'node:url'
 import type { PluginWithOptions } from 'markdown-it'
-import type { BilibiliTokenMeta } from '../../../shared/index.js'
-import { resolveAttrs } from '../../utils/resolveAttrs.js'
-import { parseRect } from '../../utils/parseRect.js'
-import { timeToSeconds } from '../../utils/timeToSeconds.js'
 import { createRuleBlock } from '../../utils/createRuleBlock.js'
+import { parseRect } from '../../utils/parseRect.js'
+import { resolveAttrs } from '../../utils/resolveAttrs.js'
+import { timeToSeconds } from '../../utils/timeToSeconds.js'
+import type { BilibiliTokenMeta } from '../../../shared/index.js'
 
 const BILIBILI_LINK = 'https://player.bilibili.com/player.html'
 
diff --git a/plugins/plugin-md-power/src/node/features/video/youtube.ts b/plugins/plugin-md-power/src/node/features/video/youtube.ts
index 88966942..2acedf50 100644
--- a/plugins/plugin-md-power/src/node/features/video/youtube.ts
+++ b/plugins/plugin-md-power/src/node/features/video/youtube.ts
@@ -3,11 +3,11 @@
  */
 import { URLSearchParams } from 'node:url'
 import type { PluginWithOptions } from 'markdown-it'
-import type { YoutubeTokenMeta } from '../../../shared/index.js'
-import { resolveAttrs } from '../../utils/resolveAttrs.js'
-import { parseRect } from '../../utils/parseRect.js'
-import { timeToSeconds } from '../../utils/timeToSeconds.js'
 import { createRuleBlock } from '../../utils/createRuleBlock.js'
+import { parseRect } from '../../utils/parseRect.js'
+import { resolveAttrs } from '../../utils/resolveAttrs.js'
+import { timeToSeconds } from '../../utils/timeToSeconds.js'
+import type { YoutubeTokenMeta } from '../../../shared/index.js'
 
 const YOUTUBE_LINK = 'https://www.youtube.com/embed/'
 
diff --git a/plugins/plugin-md-power/src/node/index.ts b/plugins/plugin-md-power/src/node/index.ts
index 9c2a9e8f..0bc43cb1 100644
--- a/plugins/plugin-md-power/src/node/index.ts
+++ b/plugins/plugin-md-power/src/node/index.ts
@@ -1,2 +1,2 @@
-export * from './plugin.js'
 export * from '../shared/index.js'
+export * from './plugin.js'
diff --git a/plugins/plugin-md-power/src/node/plugin.ts b/plugins/plugin-md-power/src/node/plugin.ts
index b3633c8c..4653d99a 100644
--- a/plugins/plugin-md-power/src/node/plugin.ts
+++ b/plugins/plugin-md-power/src/node/plugin.ts
@@ -1,21 +1,21 @@
-import type { Plugin } from 'vuepress/core'
-import type MarkdownIt from 'markdown-it'
 import { addViteOptimizeDepsInclude } from '@vuepress/helper'
-import type { CanIUseOptions, MarkdownPowerPluginOptions } from '../shared/index.js'
+import type MarkdownIt from 'markdown-it'
+import type { Plugin } from 'vuepress/core'
 import { caniusePlugin, legacyCaniuse } from './features/caniuse.js'
-import { pdfPlugin } from './features/pdf.js'
+import { codepenPlugin } from './features/codepen.js'
+import { codeSandboxPlugin } from './features/codeSandbox.js'
+import { fileTreePlugin } from './features/fileTree/index.js'
 import { iconsPlugin } from './features/icons.js'
+import { imageSizePlugin } from './features/imageSize.js'
+import { jsfiddlePlugin } from './features/jsfiddle.js'
+import { langReplPlugin } from './features/langRepl.js'
+import { pdfPlugin } from './features/pdf.js'
+import { plotPlugin } from './features/plot.js'
+import { replitPlugin } from './features/replit.js'
 import { bilibiliPlugin } from './features/video/bilibili.js'
 import { youtubePlugin } from './features/video/youtube.js'
-import { codepenPlugin } from './features/codepen.js'
-import { replitPlugin } from './features/replit.js'
-import { codeSandboxPlugin } from './features/codeSandbox.js'
-import { jsfiddlePlugin } from './features/jsfiddle.js'
-import { plotPlugin } from './features/plot.js'
-import { langReplPlugin } from './features/langRepl.js'
 import { prepareConfigFile } from './prepareConfigFile.js'
-import { fileTreePlugin } from './features/fileTree/index.js'
-import { imageSizePlugin } from './features/imageSize.js'
+import type { CanIUseOptions, MarkdownPowerPluginOptions } from '../shared/index.js'
 
 export function markdownPowerPlugin(options: MarkdownPowerPluginOptions = {}): Plugin {
   return (app) => {
diff --git a/plugins/plugin-md-power/src/node/prepareConfigFile.ts b/plugins/plugin-md-power/src/node/prepareConfigFile.ts
index 72287c04..366a5f07 100644
--- a/plugins/plugin-md-power/src/node/prepareConfigFile.ts
+++ b/plugins/plugin-md-power/src/node/prepareConfigFile.ts
@@ -1,5 +1,5 @@
-import { getDirname, path } from 'vuepress/utils'
 import { ensureEndingSlash } from '@vuepress/helper'
+import { getDirname, path } from 'vuepress/utils'
 import type { App } from 'vuepress/core'
 import type { MarkdownPowerPluginOptions } from '../shared/index.js'
 
diff --git a/plugins/plugin-md-power/src/shared/index.ts b/plugins/plugin-md-power/src/shared/index.ts
index c0d66be5..60ab43fc 100644
--- a/plugins/plugin-md-power/src/shared/index.ts
+++ b/plugins/plugin-md-power/src/shared/index.ts
@@ -1,14 +1,14 @@
 export * from './caniuse.js'
-export * from './pdf.js'
-export * from './icons.js'
-export * from './video.js'
 export * from './codepen.js'
 export * from './codeSandbox.js'
+export * from './icons.js'
+export * from './jsfiddle.js'
+export * from './pdf.js'
+export * from './plot.js'
+export * from './plugin.js'
 export * from './repl.js'
 export * from './replit.js'
-export * from './jsfiddle.js'
-export * from './plot.js'
-
-export * from './plugin.js'
 
 export * from './size.js'
+
+export * from './video.js'
diff --git a/plugins/plugin-md-power/src/shared/plugin.ts b/plugins/plugin-md-power/src/shared/plugin.ts
index b4ad7350..becbe6c6 100644
--- a/plugins/plugin-md-power/src/shared/plugin.ts
+++ b/plugins/plugin-md-power/src/shared/plugin.ts
@@ -1,6 +1,6 @@
 import type { CanIUseOptions } from './caniuse.js'
-import type { PDFOptions } from './pdf.js'
 import type { IconsOptions } from './icons.js'
+import type { PDFOptions } from './pdf.js'
 import type { PlotOptions } from './plot.js'
 import type { ReplOptions } from './repl.js'
 
diff --git a/plugins/plugin-md-power/tsup.config.ts b/plugins/plugin-md-power/tsup.config.ts
index 7d3e3c88..76748ca5 100644
--- a/plugins/plugin-md-power/tsup.config.ts
+++ b/plugins/plugin-md-power/tsup.config.ts
@@ -1,4 +1,4 @@
-import { type Options, defineConfig } from 'tsup'
+import { defineConfig, type Options } from 'tsup'
 
 const config = [
   { dir: 'composables', files: ['codeRepl.ts', 'pdf.ts', 'rustRepl.ts', 'size.ts'] },
diff --git a/plugins/plugin-search/src/client/components/Search.vue b/plugins/plugin-search/src/client/components/Search.vue
index b7e7d671..237ce000 100644
--- a/plugins/plugin-search/src/client/components/Search.vue
+++ b/plugins/plugin-search/src/client/components/Search.vue
@@ -4,8 +4,8 @@ import {
   defineAsyncComponent,
   ref,
 } from 'vue'
-import type { SearchBoxLocales, SearchOptions } from '../../shared/index.js'
 import SearchButton from './SearchButton.vue'
+import type { SearchBoxLocales, SearchOptions } from '../../shared/index.js'
 
 defineProps<{
   locales: SearchBoxLocales
diff --git a/plugins/plugin-search/src/client/components/SearchBox.vue b/plugins/plugin-search/src/client/components/SearchBox.vue
index ebeb0173..5b37b7a4 100644
--- a/plugins/plugin-search/src/client/components/SearchBox.vue
+++ b/plugins/plugin-search/src/client/components/SearchBox.vue
@@ -1,17 +1,4 @@
 <script setup lang="ts">
-import {
-  type Ref,
-  computed,
-  markRaw,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  shallowRef,
-  toRef,
-  watch,
-} from 'vue'
-import { useRouteLocale, useRouter } from 'vuepress/client'
 import {
   computedAsync,
   debouncedWatch,
@@ -20,15 +7,28 @@ import {
   useScrollLock,
   useSessionStorage,
 } from '@vueuse/core'
-import Mark from 'mark.js/src/vanilla.js'
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap'
+import Mark from 'mark.js/src/vanilla.js'
 import MiniSearch, { type SearchResult } from 'minisearch'
+import {
+  computed,
+  markRaw,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  type Ref,
+  ref,
+  shallowRef,
+  toRef,
+  watch,
+} from 'vue'
+import { useRouteLocale, useRouter } from 'vuepress/client'
 import { useLocale, useSearchIndex } from '../composables/index.js'
-import type { SearchBoxLocales, SearchOptions } from '../../shared/index.js'
 import { LRUCache } from '../utils/index.js'
-import SearchIcon from './icons/SearchIcon.vue'
-import ClearIcon from './icons/ClearIcon.vue'
 import BackIcon from './icons/BackIcon.vue'
+import ClearIcon from './icons/ClearIcon.vue'
+import SearchIcon from './icons/SearchIcon.vue'
+import type { SearchBoxLocales, SearchOptions } from '../../shared/index.js'
 
 const props = defineProps<{
   locales: SearchBoxLocales
diff --git a/plugins/plugin-search/src/client/components/SearchButton.vue b/plugins/plugin-search/src/client/components/SearchButton.vue
index 69bdee0a..abed43da 100644
--- a/plugins/plugin-search/src/client/components/SearchButton.vue
+++ b/plugins/plugin-search/src/client/components/SearchButton.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { toRef } from 'vue'
-import type { SearchBoxLocales } from '../../shared/index.js'
 import { useLocale } from '../composables/index.js'
+import type { SearchBoxLocales } from '../../shared/index.js'
 
 const props = defineProps<{
   locales: SearchBoxLocales
diff --git a/plugins/plugin-search/src/client/composables/index.ts b/plugins/plugin-search/src/client/composables/index.ts
index 9bbe85c5..f8f26ed7 100644
--- a/plugins/plugin-search/src/client/composables/index.ts
+++ b/plugins/plugin-search/src/client/composables/index.ts
@@ -1,2 +1,2 @@
-export * from './searchIndex.js'
 export * from './locale.js'
+export * from './searchIndex.js'
diff --git a/plugins/plugin-search/src/client/composables/locale.ts b/plugins/plugin-search/src/client/composables/locale.ts
index 50aad5cf..fb08b034 100644
--- a/plugins/plugin-search/src/client/composables/locale.ts
+++ b/plugins/plugin-search/src/client/composables/locale.ts
@@ -1,6 +1,6 @@
-import type { MaybeRef } from 'vue'
-import { useRouteLocale } from 'vuepress/client'
 import { computed, toRef } from 'vue'
+import { useRouteLocale } from 'vuepress/client'
+import type { MaybeRef } from 'vue'
 import type { SearchBoxLocales } from '../../shared/index.js'
 
 const defaultLocales: SearchBoxLocales = {
diff --git a/plugins/plugin-search/src/client/config.ts b/plugins/plugin-search/src/client/config.ts
index 57fda3e3..fdec6894 100644
--- a/plugins/plugin-search/src/client/config.ts
+++ b/plugins/plugin-search/src/client/config.ts
@@ -1,8 +1,8 @@
+import { h } from 'vue'
 import { defineClientConfig } from 'vuepress/client'
 import type { ClientConfig } from 'vuepress/client'
-import { h } from 'vue'
-import type { SearchBoxLocales, SearchOptions } from '../shared/index.js'
 import Search from './components/Search.vue'
+import type { SearchBoxLocales, SearchOptions } from '../shared/index.js'
 
 declare const __SEARCH_LOCALES__: SearchBoxLocales
 declare const __SEARCH_OPTIONS__: SearchOptions
diff --git a/plugins/plugin-search/src/node/index.ts b/plugins/plugin-search/src/node/index.ts
index 3f3c644c..504ca821 100644
--- a/plugins/plugin-search/src/node/index.ts
+++ b/plugins/plugin-search/src/node/index.ts
@@ -1,7 +1,7 @@
 import { searchPlugin } from './searchPlugin.js'
 
-export { prepareSearchIndex } from './prepareSearchIndex.js'
 export * from '../shared/index.js'
+export { prepareSearchIndex } from './prepareSearchIndex.js'
 
 export {
   searchPlugin,
diff --git a/plugins/plugin-search/src/node/prepareSearchIndex.ts b/plugins/plugin-search/src/node/prepareSearchIndex.ts
index 61f7b9a1..ce4c6aa2 100644
--- a/plugins/plugin-search/src/node/prepareSearchIndex.ts
+++ b/plugins/plugin-search/src/node/prepareSearchIndex.ts
@@ -1,7 +1,7 @@
-import type { App, Page } from 'vuepress/core'
 import MiniSearch from 'minisearch'
 import pMap from 'p-map'
 import { colors, logger } from 'vuepress/utils'
+import type { App, Page } from 'vuepress/core'
 import type { SearchOptions, SearchPluginOptions } from '../shared/index.js'
 
 export interface SearchIndexOptions {
diff --git a/plugins/plugin-search/src/node/searchPlugin.ts b/plugins/plugin-search/src/node/searchPlugin.ts
index 22b068ae..119dea91 100644
--- a/plugins/plugin-search/src/node/searchPlugin.ts
+++ b/plugins/plugin-search/src/node/searchPlugin.ts
@@ -1,9 +1,9 @@
-import chokidar from 'chokidar'
-import type { Plugin } from 'vuepress/core'
-import { getDirname, path } from 'vuepress/utils'
 import { addViteOptimizeDepsInclude } from '@vuepress/helper'
-import type { SearchPluginOptions } from '../shared/index.js'
+import chokidar from 'chokidar'
+import { getDirname, path } from 'vuepress/utils'
+import type { Plugin } from 'vuepress/core'
 import { onSearchIndexRemoved, onSearchIndexUpdated, prepareSearchIndex } from './prepareSearchIndex.js'
+import type { SearchPluginOptions } from '../shared/index.js'
 
 const __dirname = getDirname(import.meta.url)
 
diff --git a/plugins/plugin-search/src/shared/index.ts b/plugins/plugin-search/src/shared/index.ts
index fc86bc6e..a772af98 100644
--- a/plugins/plugin-search/src/shared/index.ts
+++ b/plugins/plugin-search/src/shared/index.ts
@@ -1,5 +1,5 @@
-import type { LocaleConfig, Page } from 'vuepress/core'
 import type { Options as MiniSearchOptions } from 'minisearch'
+import type { LocaleConfig, Page } from 'vuepress/core'
 
 export interface SearchLocaleOptions {
   placeholder: string
diff --git a/plugins/plugin-search/tsup.config.ts b/plugins/plugin-search/tsup.config.ts
index 1789565c..4966b594 100644
--- a/plugins/plugin-search/tsup.config.ts
+++ b/plugins/plugin-search/tsup.config.ts
@@ -1,4 +1,4 @@
-import { type Options, defineConfig } from 'tsup'
+import { defineConfig, type Options } from 'tsup'
 
 const sharedExternal: (string | RegExp)[] = [
   /.*\/shared\/index\.js$/,
diff --git a/plugins/plugin-shikiji/src/client/composables/twoslash.ts b/plugins/plugin-shikiji/src/client/composables/twoslash.ts
index 5b0ed04f..9143927c 100644
--- a/plugins/plugin-shikiji/src/client/composables/twoslash.ts
+++ b/plugins/plugin-shikiji/src/client/composables/twoslash.ts
@@ -1,5 +1,5 @@
-import type { App } from 'vue'
 import FloatingVue, { recomputeAllPoppers } from 'floating-vue'
+import type { App } from 'vue'
 import 'floating-vue/dist/style.css'
 
 const isMobile = typeof navigator !== 'undefined' && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
diff --git a/plugins/plugin-shikiji/src/node/copy-code-button/copyCodeButtonPlugin.ts b/plugins/plugin-shikiji/src/node/copy-code-button/copyCodeButtonPlugin.ts
index 1219ff41..ff4f143f 100644
--- a/plugins/plugin-shikiji/src/node/copy-code-button/copyCodeButtonPlugin.ts
+++ b/plugins/plugin-shikiji/src/node/copy-code-button/copyCodeButtonPlugin.ts
@@ -1,7 +1,7 @@
 import type { App } from 'vuepress'
 import type { Markdown, MarkdownEnv } from 'vuepress/markdown'
-import type { CopyCodeOptions } from '../types.js'
 import { createCopyCodeButtonRender } from './createCopyCodeButtonRender.js'
+import type { CopyCodeOptions } from '../types.js'
 
 /**
  * This plugin should work after `preWrapperPlugin`,
diff --git a/plugins/plugin-shikiji/src/node/copy-code-button/createCopyCodeButtonRender.ts b/plugins/plugin-shikiji/src/node/copy-code-button/createCopyCodeButtonRender.ts
index 97f16e3b..f3875866 100644
--- a/plugins/plugin-shikiji/src/node/copy-code-button/createCopyCodeButtonRender.ts
+++ b/plugins/plugin-shikiji/src/node/copy-code-button/createCopyCodeButtonRender.ts
@@ -3,13 +3,13 @@ import {
   getRootLangPath,
   isPlainObject,
 } from '@vuepress/helper'
-import type { App, LocaleConfig } from 'vuepress'
 import { ensureLeadingSlash, resolveLocalePath } from 'vuepress/shared'
+import type { App, LocaleConfig } from 'vuepress'
+import { copyCodeButtonLocales } from './copyCodeButtonLocales.js'
 import type {
   CopyCodeLocaleOptions,
   CopyCodeOptions,
 } from '../types.js'
-import { copyCodeButtonLocales } from './copyCodeButtonLocales.js'
 
 export function createCopyCodeButtonRender(app: App, options?: boolean | CopyCodeOptions): ((filePathRelative: string) => string) | null {
   if (options === false)
diff --git a/plugins/plugin-shikiji/src/node/copy-code-button/index.ts b/plugins/plugin-shikiji/src/node/copy-code-button/index.ts
index c072fd15..996bef2c 100644
--- a/plugins/plugin-shikiji/src/node/copy-code-button/index.ts
+++ b/plugins/plugin-shikiji/src/node/copy-code-button/index.ts
@@ -1,3 +1,3 @@
-export * from './createCopyCodeButtonRender.js'
 export * from './copyCodeButtonLocales.js'
 export * from './copyCodeButtonPlugin.js'
+export * from './createCopyCodeButtonRender.js'
diff --git a/plugins/plugin-shikiji/src/node/highlight/highlight.ts b/plugins/plugin-shikiji/src/node/highlight/highlight.ts
index 0c76b8cc..9f0beadc 100644
--- a/plugins/plugin-shikiji/src/node/highlight/highlight.ts
+++ b/plugins/plugin-shikiji/src/node/highlight/highlight.ts
@@ -1,9 +1,9 @@
-import { logger } from 'vuepress/utils'
 import { customAlphabet } from 'nanoid'
 import { bundledLanguages, createHighlighter } from 'shiki'
-import type { HighlighterOptions, ThemeOptions } from '../types.js'
-import { baseTransformers, getInlineTransformers } from './transformers.js'
+import { logger } from 'vuepress/utils'
 import { getLanguage } from './getLanguage.js'
+import { baseTransformers, getInlineTransformers } from './transformers.js'
+import type { HighlighterOptions, ThemeOptions } from '../types.js'
 
 const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 10)
 const mustacheRE = /\{\{.*?\}\}/g
diff --git a/plugins/plugin-shikiji/src/node/highlight/transformers.ts b/plugins/plugin-shikiji/src/node/highlight/transformers.ts
index d3cf5a84..2afbcdd0 100644
--- a/plugins/plugin-shikiji/src/node/highlight/transformers.ts
+++ b/plugins/plugin-shikiji/src/node/highlight/transformers.ts
@@ -1,5 +1,3 @@
-import type { ShikiTransformer } from 'shiki'
-import { addClassToHast } from 'shiki'
 import {
   transformerCompactLineOptions,
   transformerNotationDiff,
@@ -10,9 +8,11 @@ import {
   transformerRemoveNotationEscape,
   transformerRenderWhitespace,
 } from '@shikijs/transformers'
-import type { WhitespacePosition } from '../utils/index.js'
-import { attrsToLines, resolveWhitespacePosition } from '../utils/index.js'
+import { addClassToHast } from 'shiki'
+import type { ShikiTransformer } from 'shiki'
 import { defaultHoverInfoProcessor, transformerTwoslash } from '../twoslash/rendererTransformer.js'
+import { attrsToLines, resolveWhitespacePosition } from '../utils/index.js'
+import type { WhitespacePosition } from '../utils/index.js'
 
 const decorationsRE = /^\/\/ @decorations:(.*)\n/
 
diff --git a/plugins/plugin-shikiji/src/node/markdown/preWrapperPlugin.ts b/plugins/plugin-shikiji/src/node/markdown/preWrapperPlugin.ts
index 1a5cff15..089eae83 100644
--- a/plugins/plugin-shikiji/src/node/markdown/preWrapperPlugin.ts
+++ b/plugins/plugin-shikiji/src/node/markdown/preWrapperPlugin.ts
@@ -1,8 +1,8 @@
 // markdown-it plugin for generating line numbers.
 // v-pre block logic is in `../highlight.ts`
 import type { Markdown } from 'vuepress/markdown'
-import type { PreWrapperOptions } from '../types.js'
 import { resolveAttr, resolveCollapsedLines, resolveLanguage } from '../utils/index.js'
+import type { PreWrapperOptions } from '../types.js'
 
 export function preWrapperPlugin(
   md: Markdown,
diff --git a/plugins/plugin-shikiji/src/node/prepareClientConfigFile.ts b/plugins/plugin-shikiji/src/node/prepareClientConfigFile.ts
index 627bce91..1cefc834 100644
--- a/plugins/plugin-shikiji/src/node/prepareClientConfigFile.ts
+++ b/plugins/plugin-shikiji/src/node/prepareClientConfigFile.ts
@@ -1,6 +1,6 @@
 import { ensureEndingSlash } from '@vuepress/helper'
-import type { App } from 'vuepress'
 import { getDirname, path } from 'vuepress/utils'
+import type { App } from 'vuepress'
 
 const __dirname = getDirname(import.meta.url)
 
@@ -21,19 +21,19 @@ import { useCollapsedLines } from '${CLIENT_FOLDER}composables/collapsed-lines.j
 
 export default {
   ${twoslash
-    ? `enhance({ app }) {
+      ? `enhance({ app }) {
     enhanceTwoslash(app)
   },`
-    : ''}
+      : ''}
   ${copyCode
-    ? `setup() {
+      ? `setup() {
     useCopyCode({
       selector: __CC_SELECTOR__,
       duration: __CC_DURATION__,
     })
     useCollapsedLines()
   },`
-    : ''}
+      : ''}
 }
 `,
   )
diff --git a/plugins/plugin-shikiji/src/node/shikiPlugin.ts b/plugins/plugin-shikiji/src/node/shikiPlugin.ts
index 5316b59a..6cecdffc 100644
--- a/plugins/plugin-shikiji/src/node/shikiPlugin.ts
+++ b/plugins/plugin-shikiji/src/node/shikiPlugin.ts
@@ -1,19 +1,19 @@
-import type { Plugin } from 'vuepress/core'
 import { isPlainObject } from 'vuepress/shared'
+import type { Plugin } from 'vuepress/core'
+import { copyCodeButtonPlugin } from './copy-code-button/index.js'
 import { highlight } from './highlight/index.js'
+import {
+  highlightLinesPlugin,
+  lineNumberPlugin,
+  preWrapperPlugin,
+} from './markdown/index.js'
+import { prepareClientConfigFile } from './prepareClientConfigFile.js'
 import type {
   CopyCodeOptions,
   HighlighterOptions,
   LineNumberOptions,
   PreWrapperOptions,
 } from './types.js'
-import {
-  highlightLinesPlugin,
-  lineNumberPlugin,
-  preWrapperPlugin,
-} from './markdown/index.js'
-import { copyCodeButtonPlugin } from './copy-code-button/index.js'
-import { prepareClientConfigFile } from './prepareClientConfigFile.js'
 
 export interface ShikiPluginOptions
   extends HighlighterOptions, LineNumberOptions, PreWrapperOptions {
diff --git a/plugins/plugin-shikiji/src/node/twoslash/renderer-floating-vue.ts b/plugins/plugin-shikiji/src/node/twoslash/renderer-floating-vue.ts
index 36ee4bd3..ef80470e 100644
--- a/plugins/plugin-shikiji/src/node/twoslash/renderer-floating-vue.ts
+++ b/plugins/plugin-shikiji/src/node/twoslash/renderer-floating-vue.ts
@@ -1,10 +1,10 @@
 import { defaultHoverInfoProcessor, rendererRich } from '@shikijs/twoslash'
+import { fromMarkdown } from 'mdast-util-from-markdown'
+import { gfmFromMarkdown } from 'mdast-util-gfm'
+import { defaultHandlers, toHast } from 'mdast-util-to-hast'
 import type { RendererRichOptions, TwoslashRenderer } from '@shikijs/twoslash'
 import type { Element, ElementContent, Text } from 'hast'
 import type { ShikiTransformerContextCommon } from 'shiki'
-import { gfmFromMarkdown } from 'mdast-util-gfm'
-import { fromMarkdown } from 'mdast-util-from-markdown'
-import { defaultHandlers, toHast } from 'mdast-util-to-hast'
 
 export { defaultHoverInfoProcessor }
 
diff --git a/plugins/plugin-shikiji/src/node/twoslash/rendererTransformer.ts b/plugins/plugin-shikiji/src/node/twoslash/rendererTransformer.ts
index d09e159f..1c55a919 100644
--- a/plugins/plugin-shikiji/src/node/twoslash/rendererTransformer.ts
+++ b/plugins/plugin-shikiji/src/node/twoslash/rendererTransformer.ts
@@ -1,12 +1,12 @@
 import process from 'node:process'
-import type { TransformerTwoslashOptions } from '@shikijs/twoslash/core'
 import { createTransformerFactory } from '@shikijs/twoslash/core'
-import type { VueSpecificOptions } from 'twoslash-vue'
-import { createTwoslasher } from 'twoslash-vue'
-import type { ShikiTransformer } from 'shiki'
 import { removeTwoslashNotations } from 'twoslash'
-import type { TwoslashFloatingVueRendererOptions } from './renderer-floating-vue.js'
+import { createTwoslasher } from 'twoslash-vue'
+import type { TransformerTwoslashOptions } from '@shikijs/twoslash/core'
+import type { ShikiTransformer } from 'shiki'
+import type { VueSpecificOptions } from 'twoslash-vue'
 import { rendererFloatingVue } from './renderer-floating-vue.js'
+import type { TwoslashFloatingVueRendererOptions } from './renderer-floating-vue.js'
 
 export * from './renderer-floating-vue.js'
 
diff --git a/plugins/plugin-shikiji/src/node/utils/index.ts b/plugins/plugin-shikiji/src/node/utils/index.ts
index e5a146d2..290d390c 100644
--- a/plugins/plugin-shikiji/src/node/utils/index.ts
+++ b/plugins/plugin-shikiji/src/node/utils/index.ts
@@ -1,6 +1,6 @@
 export * from './attrsToLines.js'
+export * from './collapsedLines.js'
+export * from './lru.js'
 export * from './resolveAttr.js'
 export * from './resolveLanguage.js'
-export * from './lru.js'
 export * from './whitespace.js'
-export * from './collapsedLines.js'
diff --git a/plugins/plugin-shikiji/tsup.config.ts b/plugins/plugin-shikiji/tsup.config.ts
index 1a328544..2612fbe4 100644
--- a/plugins/plugin-shikiji/tsup.config.ts
+++ b/plugins/plugin-shikiji/tsup.config.ts
@@ -1,4 +1,4 @@
-import { type Options, defineConfig } from 'tsup'
+import { defineConfig, type Options } from 'tsup'
 
 export default defineConfig(() => {
   const DEFAULT_OPTIONS: Options = {
diff --git a/theme/src/client/components/Blog/VPBlog.vue b/theme/src/client/components/Blog/VPBlog.vue
index e279dbc7..66486b3f 100644
--- a/theme/src/client/components/Blog/VPBlog.vue
+++ b/theme/src/client/components/Blog/VPBlog.vue
@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import VPPostList from '@theme/Blog/VPPostList.vue'
 import VPBlogArchives from '@theme/Blog/VPBlogArchives.vue'
 import VPBlogAside from '@theme/Blog/VPBlogAside.vue'
-import VPBlogExtract from '@theme/Blog/VPBlogExtract.vue'
-import VPBlogTags from '@theme/Blog/VPBlogTags.vue'
 import VPBlogCategories from '@theme/Blog/VPBlogCategories.vue'
+import VPBlogExtract from '@theme/Blog/VPBlogExtract.vue'
 import VPBlogNav from '@theme/Blog/VPBlogNav.vue'
+import VPBlogTags from '@theme/Blog/VPBlogTags.vue'
+import VPPostList from '@theme/Blog/VPPostList.vue'
 import VPTransitionFadeSlideY from '@theme/VPTransitionFadeSlideY.vue'
 import { useData } from '../../composables/index.js'
 
diff --git a/theme/src/client/components/Blog/VPBlogExtract.vue b/theme/src/client/components/Blog/VPBlogExtract.vue
index d3100331..96789091 100644
--- a/theme/src/client/components/Blog/VPBlogExtract.vue
+++ b/theme/src/client/components/Blog/VPBlogExtract.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import VPLink from '@theme/VPLink.vue'
 import { useScrollLock } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 import { useRoute, withBase } from 'vuepress/client'
 import { isLinkHttp } from 'vuepress/shared'
-import VPLink from '@theme/VPLink.vue'
 import { useBlogExtract, useData } from '../../composables/index.js'
 import { inBrowser } from '../../utils/index.js'
 
diff --git a/theme/src/client/components/Blog/VPBlogNav.vue b/theme/src/client/components/Blog/VPBlogNav.vue
index 96b9f7b8..f12ca38c 100644
--- a/theme/src/client/components/Blog/VPBlogNav.vue
+++ b/theme/src/client/components/Blog/VPBlogNav.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useRoute } from 'vuepress/client'
 import VPLink from '@theme/VPLink.vue'
+import { useRoute } from 'vuepress/client'
 import { useBlogExtract } from '../../composables/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/Blog/VPBlogProfile.vue b/theme/src/client/components/Blog/VPBlogProfile.vue
index 2a621072..daf8455c 100644
--- a/theme/src/client/components/Blog/VPBlogProfile.vue
+++ b/theme/src/client/components/Blog/VPBlogProfile.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import VPSocialLinks from '@theme/VPSocialLinks.vue'
 import { computed } from 'vue'
 import { withBase } from 'vuepress/client'
 import { isLinkHttp } from 'vuepress/shared'
-import VPSocialLinks from '@theme/VPSocialLinks.vue'
 import { useData } from '../../composables/index.js'
 
 const { theme } = useData()
diff --git a/theme/src/client/components/Blog/VPCategories.vue b/theme/src/client/components/Blog/VPCategories.vue
index 98c66b2c..e6b0b26d 100644
--- a/theme/src/client/components/Blog/VPCategories.vue
+++ b/theme/src/client/components/Blog/VPCategories.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import VPLink from '@theme/VPLink.vue'
 import VPCategoriesGroup from '@theme/Blog/VPCategoriesGroup.vue'
+import VPLink from '@theme/VPLink.vue'
 import type { BlogCategoryItem, BlogCategoryItemWithPost } from '../../composables/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/Blog/VPCategoriesGroup.vue b/theme/src/client/components/Blog/VPCategoriesGroup.vue
index 26a654a2..da179944 100644
--- a/theme/src/client/components/Blog/VPCategoriesGroup.vue
+++ b/theme/src/client/components/Blog/VPCategoriesGroup.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useRoute } from 'vuepress/client'
-import { onMounted, ref, watch } from 'vue'
 import VPCategories from '@theme/Blog/VPCategories.vue'
+import { onMounted, ref, watch } from 'vue'
+import { useRoute } from 'vuepress/client'
 import type { BlogCategoryItem } from '../../composables/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/Blog/VPPostItem.vue b/theme/src/client/components/Blog/VPPostItem.vue
index ec9ea634..84e6b31a 100644
--- a/theme/src/client/components/Blog/VPPostItem.vue
+++ b/theme/src/client/components/Blog/VPPostItem.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
 import VPLink from '@theme/VPLink.vue'
-import type { PlumeThemeBlogPostItem } from '../../../shared/index.js'
+import { computed } from 'vue'
 import { useInternalLink, useTagColors } from '../../composables/index.js'
+import type { PlumeThemeBlogPostItem } from '../../../shared/index.js'
 
 const props = defineProps<{
   post: PlumeThemeBlogPostItem
diff --git a/theme/src/client/components/Blog/VPPostList.vue b/theme/src/client/components/Blog/VPPostList.vue
index 45e3779e..664dd8c4 100644
--- a/theme/src/client/components/Blog/VPPostList.vue
+++ b/theme/src/client/components/Blog/VPPostList.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
-import VPTransitionDrop from '@theme/VPTransitionDrop.vue'
-import VPPostItem from '@theme/Blog/VPPostItem.vue'
 import VPPagination from '@theme/Blog/VPPagination.vue'
+import VPPostItem from '@theme/Blog/VPPostItem.vue'
+import VPTransitionDrop from '@theme/VPTransitionDrop.vue'
+import { computed } from 'vue'
 import { usePostListControl } from '../../composables/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/Home/VPHome.vue b/theme/src/client/components/Home/VPHome.vue
index ece258c4..e1c3a696 100644
--- a/theme/src/client/components/Home/VPHome.vue
+++ b/theme/src/client/components/Home/VPHome.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import type { Component } from 'vue'
-import { computed, h, nextTick, onUnmounted, resolveComponent, watch } from 'vue'
-import VPHomeBanner from '@theme/Home/VPHomeBanner.vue'
-import VPHomeHero from '@theme/Home/VPHomeHero.vue'
-import VPHomeFeatures from '@theme/Home/VPHomeFeatures.vue'
-import VPHomeTextImage from '@theme/Home/VPHomeTextImage.vue'
-import VPHomeProfile from '@theme/Home/VPHomeProfile.vue'
-import VPHomeCustom from '@theme/Home/VPHomeCustom.vue'
 import VPBlog from '@theme/Blog/VPBlog.vue'
+import VPHomeBanner from '@theme/Home/VPHomeBanner.vue'
+import VPHomeCustom from '@theme/Home/VPHomeCustom.vue'
+import VPHomeFeatures from '@theme/Home/VPHomeFeatures.vue'
+import VPHomeHero from '@theme/Home/VPHomeHero.vue'
+import VPHomeProfile from '@theme/Home/VPHomeProfile.vue'
+import VPHomeTextImage from '@theme/Home/VPHomeTextImage.vue'
+import { computed, h, nextTick, onUnmounted, resolveComponent, watch } from 'vue'
+import type { Component } from 'vue'
 import { useData } from '../../composables/index.js'
 
 const slots = defineSlots<{
diff --git a/theme/src/client/components/Home/VPHomeBanner.vue b/theme/src/client/components/Home/VPHomeBanner.vue
index f75f4e0c..c31d08bd 100644
--- a/theme/src/client/components/Home/VPHomeBanner.vue
+++ b/theme/src/client/components/Home/VPHomeBanner.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import VPButton from '@theme/VPButton.vue'
+import { computed } from 'vue'
 import { withBase } from 'vuepress/client'
 import { isLinkHttp } from 'vuepress/shared'
-import { computed } from 'vue'
-import VPButton from '@theme/VPButton.vue'
-import type { PlumeThemeHomeBanner } from '../../../shared/index.js'
 import { useData } from '../../composables/index.js'
+import type { PlumeThemeHomeBanner } from '../../../shared/index.js'
 
 const props = defineProps<PlumeThemeHomeBanner>()
 
diff --git a/theme/src/client/components/Home/VPHomeBox.vue b/theme/src/client/components/Home/VPHomeBox.vue
index f242444f..6e2970d0 100644
--- a/theme/src/client/components/Home/VPHomeBox.vue
+++ b/theme/src/client/components/Home/VPHomeBox.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { withBase } from 'vuepress/client'
 import { computed, normalizeClass } from 'vue'
+import { withBase } from 'vuepress/client'
 import { isLinkHttp } from 'vuepress/shared'
-import type { PlumeHomeConfigBase } from '../../../shared/index.js'
 import { useDarkMode } from '../../composables/index.js'
+import type { PlumeHomeConfigBase } from '../../../shared/index.js'
 
 const props = defineProps<PlumeHomeConfigBase & {
   containerClass?: any
diff --git a/theme/src/client/components/Home/VPHomeCustom.vue b/theme/src/client/components/Home/VPHomeCustom.vue
index b71d40bb..7717b00f 100644
--- a/theme/src/client/components/Home/VPHomeCustom.vue
+++ b/theme/src/client/components/Home/VPHomeCustom.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Content } from 'vuepress/client'
 import VPHomeBox from '@theme/Home/VPHomeBox.vue'
+import { Content } from 'vuepress/client'
 import type { PlumeThemeHomeCustom } from '../../../shared/index.js'
 
 const props = defineProps<PlumeThemeHomeCustom>()
diff --git a/theme/src/client/components/Home/VPHomeFeature.vue b/theme/src/client/components/Home/VPHomeFeature.vue
index fd0f5581..5da3403b 100644
--- a/theme/src/client/components/Home/VPHomeFeature.vue
+++ b/theme/src/client/components/Home/VPHomeFeature.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import VPLink from '@theme/VPLink.vue'
 import VPImage from '@theme/VPImage.vue'
+import VPLink from '@theme/VPLink.vue'
 import type { PlumeThemeHomeFeature } from '../../../shared/index.js'
 
 defineProps<PlumeThemeHomeFeature>()
diff --git a/theme/src/client/components/Home/VPHomeFeatures.vue b/theme/src/client/components/Home/VPHomeFeatures.vue
index 4e561e74..dbce8a89 100644
--- a/theme/src/client/components/Home/VPHomeFeatures.vue
+++ b/theme/src/client/components/Home/VPHomeFeatures.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import VPHomeFeature from '@theme/Home/VPHomeFeature.vue'
 import VPHomeBox from '@theme/Home/VPHomeBox.vue'
+import VPHomeFeature from '@theme/Home/VPHomeFeature.vue'
+import { computed } from 'vue'
 import type { PlumeThemeHomeFeatures } from '../../../shared/index.js'
 
 const props = defineProps<PlumeThemeHomeFeatures>()
diff --git a/theme/src/client/components/Home/VPHomeHero.vue b/theme/src/client/components/Home/VPHomeHero.vue
index b900c6eb..7b5211ba 100644
--- a/theme/src/client/components/Home/VPHomeHero.vue
+++ b/theme/src/client/components/Home/VPHomeHero.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import VPButton from '@theme/VPButton.vue'
+import { computed, ref } from 'vue'
 import { withBase } from 'vuepress/client'
 import { isLinkHttp } from 'vuepress/shared'
-import { computed, ref } from 'vue'
-import VPButton from '@theme/VPButton.vue'
 import { useData, useHomeHeroTintPlate } from '../../composables/index.js'
 import type { PlumeThemeHomeHero } from '../../../shared/index.js'
 
diff --git a/theme/src/client/components/Home/VPHomeProfile.vue b/theme/src/client/components/Home/VPHomeProfile.vue
index 90d5fa3a..b3161208 100644
--- a/theme/src/client/components/Home/VPHomeProfile.vue
+++ b/theme/src/client/components/Home/VPHomeProfile.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import VPImage from '@theme/VPImage.vue'
 import VPHomeBox from '@theme/Home/VPHomeBox.vue'
-import type { PlumeThemeHomeProfile } from '../../../shared/index.js'
+import VPImage from '@theme/VPImage.vue'
+import { computed } from 'vue'
 import { useData } from '../../composables/index.js'
+import type { PlumeThemeHomeProfile } from '../../../shared/index.js'
 
 const props = defineProps<PlumeThemeHomeProfile>()
 
diff --git a/theme/src/client/components/Home/VPHomeTextImage.vue b/theme/src/client/components/Home/VPHomeTextImage.vue
index 578f3b48..f7eec6aa 100644
--- a/theme/src/client/components/Home/VPHomeTextImage.vue
+++ b/theme/src/client/components/Home/VPHomeTextImage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import VPImage from '@theme/VPImage.vue'
 import VPHomeBox from '@theme/Home/VPHomeBox.vue'
+import VPImage from '@theme/VPImage.vue'
+import { computed } from 'vue'
 import type { PlumeThemeHomeTextImage } from '../../../shared/index.js'
 
 const props = defineProps<PlumeThemeHomeTextImage>()
diff --git a/theme/src/client/components/Nav/VPNav.vue b/theme/src/client/components/Nav/VPNav.vue
index 4f724bd9..2e7633b8 100644
--- a/theme/src/client/components/Nav/VPNav.vue
+++ b/theme/src/client/components/Nav/VPNav.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { computed, provide, watchEffect } from 'vue'
 import VPNavbar from '@theme/Nav/VPNavBar.vue'
 import VPNavScreen from '@theme/Nav/VPNavScreen.vue'
+import { computed, provide, watchEffect } from 'vue'
 import { useData, useNav } from '../../composables/index.js'
 import { inBrowser } from '../../utils/index.js'
 
diff --git a/theme/src/client/components/Nav/VPNavBar.vue b/theme/src/client/components/Nav/VPNavBar.vue
index 26c8194e..eaaf385e 100644
--- a/theme/src/client/components/Nav/VPNavBar.vue
+++ b/theme/src/client/components/Nav/VPNavBar.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { useWindowScroll } from '@vueuse/core'
-import { ref, watchPostEffect } from 'vue'
 import VPNavBarAppearance from '@theme/Nav/VPNavBarAppearance.vue'
 import VPNavBarExtra from '@theme/Nav/VPNavBarExtra.vue'
 import VPNavBarHamburger from '@theme/Nav/VPNavBarHamburger.vue'
@@ -9,6 +7,8 @@ import VPNavBarSearch from '@theme/Nav/VPNavBarSearch.vue'
 import VPNavBarSocialLinks from '@theme/Nav/VPNavBarSocialLinks.vue'
 import VPNavBarTitle from '@theme/Nav/VPNavBarTitle.vue'
 import VPNavBarTranslations from '@theme/Nav/VPNavBarTranslations.vue'
+import { useWindowScroll } from '@vueuse/core'
+import { ref, watchPostEffect } from 'vue'
 import { useData, useSidebar } from '../../composables/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/Nav/VPNavBarExtra.vue b/theme/src/client/components/Nav/VPNavBarExtra.vue
index 1974e468..ffd1c9a2 100644
--- a/theme/src/client/components/Nav/VPNavBarExtra.vue
+++ b/theme/src/client/components/Nav/VPNavBarExtra.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
 import VPFlyout from '@theme/VPFlyout.vue'
 import VPMenuLink from '@theme/VPMenuLink.vue'
 import VPSocialLinks from '@theme/VPSocialLinks.vue'
 import VPSwitchAppearance from '@theme/VPSwitchAppearance.vue'
+import { computed } from 'vue'
 import { useData, useLangs } from '../../composables/index.js'
 
 const { theme } = useData()
diff --git a/theme/src/client/components/Nav/VPNavBarMenuGroup.vue b/theme/src/client/components/Nav/VPNavBarMenuGroup.vue
index 2cb1c293..8c392892 100644
--- a/theme/src/client/components/Nav/VPNavBarMenuGroup.vue
+++ b/theme/src/client/components/Nav/VPNavBarMenuGroup.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
+import VPFlyout from '@theme/VPFlyout.vue'
 import { computed } from 'vue'
 import { resolveRouteFullPath } from 'vuepress/client'
-import VPFlyout from '@theme/VPFlyout.vue'
+import { useData } from '../../composables/index.js'
+import { isActive } from '../../utils/index.js'
 import type {
   ResolvedNavItem,
   ResolvedNavItemWithChildren,
 } from '../../../shared/index.js'
-import { isActive } from '../../utils/index.js'
-import { useData } from '../../composables/index.js'
 
 const props = defineProps<{
   item: ResolvedNavItemWithChildren
diff --git a/theme/src/client/components/Nav/VPNavBarMenuLink.vue b/theme/src/client/components/Nav/VPNavBarMenuLink.vue
index 02adb70c..a916edc0 100644
--- a/theme/src/client/components/Nav/VPNavBarMenuLink.vue
+++ b/theme/src/client/components/Nav/VPNavBarMenuLink.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { resolveRouteFullPath } from 'vuepress/client'
-import VPLink from '@theme/VPLink.vue'
 import VPIcon from '@theme/VPIcon.vue'
-import type { ResolvedNavItemWithLink } from '../../../shared/index.js'
-import { isActive } from '../../utils/index.js'
+import VPLink from '@theme/VPLink.vue'
+import { resolveRouteFullPath } from 'vuepress/client'
 import { useData } from '../../composables/index.js'
+import { isActive } from '../../utils/index.js'
+import type { ResolvedNavItemWithLink } from '../../../shared/index.js'
 
 defineProps<{
   item: ResolvedNavItemWithLink
diff --git a/theme/src/client/components/Nav/VPNavBarSocialLinks.vue b/theme/src/client/components/Nav/VPNavBarSocialLinks.vue
index b4cd55e6..891325f9 100644
--- a/theme/src/client/components/Nav/VPNavBarSocialLinks.vue
+++ b/theme/src/client/components/Nav/VPNavBarSocialLinks.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
 import VPSocialLinks from '@theme/VPSocialLinks.vue'
+import { computed } from 'vue'
 import { useData } from '../../composables/index.js'
 
 const { theme } = useData()
diff --git a/theme/src/client/components/Nav/VPNavBarTitle.vue b/theme/src/client/components/Nav/VPNavBarTitle.vue
index 385dde97..3030c35b 100644
--- a/theme/src/client/components/Nav/VPNavBarTitle.vue
+++ b/theme/src/client/components/Nav/VPNavBarTitle.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useRouteLocale } from 'vuepress/client'
-import VPLink from '@theme/VPLink.vue'
 import VPImage from '@theme/VPImage.vue'
+import VPLink from '@theme/VPLink.vue'
+import { useRouteLocale } from 'vuepress/client'
 import { useData, useSidebar } from '../../composables/index.js'
 
 const { theme, site } = useData()
diff --git a/theme/src/client/components/Nav/VPNavScreen.vue b/theme/src/client/components/Nav/VPNavScreen.vue
index 088473e2..216813aa 100644
--- a/theme/src/client/components/Nav/VPNavScreen.vue
+++ b/theme/src/client/components/Nav/VPNavScreen.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useScrollLock } from '@vueuse/core'
 import VPNavScreenAppearance from '@theme/Nav/VPNavScreenAppearance.vue'
 import VPNavScreenMenu from '@theme/Nav/VPNavScreenMenu.vue'
 import VPNavScreenSocialLinks from '@theme/Nav/VPNavScreenSocialLinks.vue'
 import VPNavScreenTranslates from '@theme/Nav/VPNavScreenTranslations.vue'
+import { useScrollLock } from '@vueuse/core'
 import { inBrowser } from '../../utils/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/Nav/VPNavScreenMenuGroup.vue b/theme/src/client/components/Nav/VPNavScreenMenuGroup.vue
index ca97e954..23c47f11 100644
--- a/theme/src/client/components/Nav/VPNavScreenMenuGroup.vue
+++ b/theme/src/client/components/Nav/VPNavScreenMenuGroup.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
-import VPIcon from '@theme/VPIcon.vue'
 import VPNavScreenMenuGroupLink from '@theme/Nav/VPNavScreenMenuGroupLink.vue'
 import VPNavScreenMenuGroupSection from '@theme/Nav/VPNavScreenMenuGroupSection.vue'
+import VPIcon from '@theme/VPIcon.vue'
+import { computed, ref } from 'vue'
 import type { ThemeIcon } from '../../../shared/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/Nav/VPNavScreenMenuGroupLink.vue b/theme/src/client/components/Nav/VPNavScreenMenuGroupLink.vue
index f9146659..dd9f6075 100644
--- a/theme/src/client/components/Nav/VPNavScreenMenuGroupLink.vue
+++ b/theme/src/client/components/Nav/VPNavScreenMenuGroupLink.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { inject } from 'vue'
-import VPLink from '@theme/VPLink.vue'
 import VPIcon from '@theme/VPIcon.vue'
+import VPLink from '@theme/VPLink.vue'
+import { inject } from 'vue'
 import type { ResolvedNavItemWithLink } from '../../../shared/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/Nav/VPNavScreenMenuGroupSection.vue b/theme/src/client/components/Nav/VPNavScreenMenuGroupSection.vue
index ca3fc83a..5c6693f0 100644
--- a/theme/src/client/components/Nav/VPNavScreenMenuGroupSection.vue
+++ b/theme/src/client/components/Nav/VPNavScreenMenuGroupSection.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import VPIcon from '@theme/VPIcon.vue'
 import VPNavScreenMenuGroupLink from '@theme/Nav/VPNavScreenMenuGroupLink.vue'
+import VPIcon from '@theme/VPIcon.vue'
 import type { NavItemWithLink, ThemeIcon } from '../../../shared/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/Nav/VPNavScreenMenuLink.vue b/theme/src/client/components/Nav/VPNavScreenMenuLink.vue
index 064b5994..25b49967 100644
--- a/theme/src/client/components/Nav/VPNavScreenMenuLink.vue
+++ b/theme/src/client/components/Nav/VPNavScreenMenuLink.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { inject } from 'vue'
-import VPLink from '@theme/VPLink.vue'
 import VPIcon from '@theme/VPIcon.vue'
+import VPLink from '@theme/VPLink.vue'
+import { inject } from 'vue'
 import type { ResolvedNavItemWithLink } from '../../../shared/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/Nav/VPNavScreenTranslations.vue b/theme/src/client/components/Nav/VPNavScreenTranslations.vue
index 9e1ba12c..08a610ab 100644
--- a/theme/src/client/components/Nav/VPNavScreenTranslations.vue
+++ b/theme/src/client/components/Nav/VPNavScreenTranslations.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import VPLink from '@theme/VPLink.vue'
+import { ref } from 'vue'
 import { useLangs } from '../../composables/index.js'
 
 const { localeLinks, currentLang } = useLangs()
diff --git a/theme/src/client/components/VPContent.vue b/theme/src/client/components/VPContent.vue
index 2bcd9b24..6b381cce 100644
--- a/theme/src/client/components/VPContent.vue
+++ b/theme/src/client/components/VPContent.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { nextTick, watch } from 'vue'
 import VPBlog from '@theme/Blog/VPBlog.vue'
-import VPDoc from '@theme/VPDoc.vue'
-import VPPage from '@theme/VPPage.vue'
 import VPHome from '@theme/Home/VPHome.vue'
+import VPDoc from '@theme/VPDoc.vue'
 import VPFriends from '@theme/VPFriends.vue'
+import VPPage from '@theme/VPPage.vue'
+import { nextTick, watch } from 'vue'
 import { useBlogPageData, useData, useSidebar } from '../composables/index.js'
 import { inBrowser } from '../utils/index.js'
 
diff --git a/theme/src/client/components/VPDoc.vue b/theme/src/client/components/VPDoc.vue
index 78ed99f0..0a01ed16 100644
--- a/theme/src/client/components/VPDoc.vue
+++ b/theme/src/client/components/VPDoc.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import VPDocAside from '@theme/VPDocAside.vue'
+import VPDocBreadcrumbs from '@theme/VPDocBreadcrumbs.vue'
+import VPDocFooter from '@theme/VPDocFooter.vue'
+import VPDocMeta from '@theme/VPDocMeta.vue'
+import VPEncryptPage from '@theme/VPEncryptPage.vue'
+import VPTransitionFadeSlideY from '@theme/VPTransitionFadeSlideY.vue'
 import { computed, nextTick, ref, watch } from 'vue'
 import { useRoute } from 'vuepress/client'
-import VPTransitionFadeSlideY from '@theme/VPTransitionFadeSlideY.vue'
-import VPDocAside from '@theme/VPDocAside.vue'
-import VPDocFooter from '@theme/VPDocFooter.vue'
-import VPEncryptPage from '@theme/VPEncryptPage.vue'
-import VPDocMeta from '@theme/VPDocMeta.vue'
-import VPDocBreadcrumbs from '@theme/VPDocBreadcrumbs.vue'
 import {
   useBlogPageData,
   useData,
diff --git a/theme/src/client/components/VPDocAsideOutline.vue b/theme/src/client/components/VPDocAsideOutline.vue
index a07fca8a..4e7084fb 100644
--- a/theme/src/client/components/VPDocAsideOutline.vue
+++ b/theme/src/client/components/VPDocAsideOutline.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
 import VPDocOutlineItem from '@theme/VPDocOutlineItem.vue'
+import { computed, ref } from 'vue'
 import { useActiveAnchor, useData, useHeaders } from '../composables/index.js'
 
 const { theme } = useData()
diff --git a/theme/src/client/components/VPDocBreadcrumbs.vue b/theme/src/client/components/VPDocBreadcrumbs.vue
index 9690ab2d..8a0d8fba 100644
--- a/theme/src/client/components/VPDocBreadcrumbs.vue
+++ b/theme/src/client/components/VPDocBreadcrumbs.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import VPLink from '@theme/VPLink.vue'
+import { computed } from 'vue'
 import {
   useBlogPageData,
   useData,
diff --git a/theme/src/client/components/VPDocFooter.vue b/theme/src/client/components/VPDocFooter.vue
index 6449877b..3b1d18c8 100644
--- a/theme/src/client/components/VPDocFooter.vue
+++ b/theme/src/client/components/VPDocFooter.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
 import VPLink from '@theme/VPLink.vue'
+import { computed } from 'vue'
 import {
   useContributors,
   useData,
diff --git a/theme/src/client/components/VPDocMeta.vue b/theme/src/client/components/VPDocMeta.vue
index ef046e82..2af174aa 100644
--- a/theme/src/client/components/VPDocMeta.vue
+++ b/theme/src/client/components/VPDocMeta.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
 import VPLink from '@theme/VPLink.vue'
 import { useReadingTimeLocale } from '@vuepress/plugin-reading-time/client'
+import { computed } from 'vue'
 import { useBlogPageData, useData, useInternalLink, useTagColors } from '../composables/index.js'
 
 const { page, frontmatter: matter } = useData<'post'>()
diff --git a/theme/src/client/components/VPEncryptGlobal.vue b/theme/src/client/components/VPEncryptGlobal.vue
index 33d8968f..07ae46cc 100644
--- a/theme/src/client/components/VPEncryptGlobal.vue
+++ b/theme/src/client/components/VPEncryptGlobal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import VPFooter from '@theme/VPFooter.vue'
 import VPEncryptForm from '@theme/VPEncryptForm.vue'
+import VPFooter from '@theme/VPFooter.vue'
+import { computed } from 'vue'
 import { useData } from '../composables/index.js'
 
 const { theme, site } = useData()
diff --git a/theme/src/client/components/VPFlyout.vue b/theme/src/client/components/VPFlyout.vue
index 59d5499c..6f55433a 100644
--- a/theme/src/client/components/VPFlyout.vue
+++ b/theme/src/client/components/VPFlyout.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { ref } from 'vue'
 import VPIcon from '@theme/VPIcon.vue'
 import VPMenu from '@theme/VPMenu.vue'
+import { ref } from 'vue'
 import { useFlyout } from '../composables/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/VPFriends.vue b/theme/src/client/components/VPFriends.vue
index 791266b2..0678cbef 100644
--- a/theme/src/client/components/VPFriends.vue
+++ b/theme/src/client/components/VPFriends.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
-import VPLink from '@theme/VPLink.vue'
-import VPFriendsItem from '@theme/VPFriendsItem.vue'
 import VPFriendsGroup from '@theme/VPFriendsGroup.vue'
+import VPFriendsItem from '@theme/VPFriendsItem.vue'
+import VPLink from '@theme/VPLink.vue'
+import { computed } from 'vue'
 import { useData, useEditLink } from '../composables/index.js'
 
 const editLink = useEditLink()
diff --git a/theme/src/client/components/VPFriendsItem.vue b/theme/src/client/components/VPFriendsItem.vue
index 0af3d3df..effbbc61 100644
--- a/theme/src/client/components/VPFriendsItem.vue
+++ b/theme/src/client/components/VPFriendsItem.vue
@@ -1,10 +1,10 @@
 <script lang="ts" setup>
+import VPLink from '@theme/VPLink.vue'
 import { isPlainObject } from '@vuepress/helper/client'
 import { computed } from 'vue'
-import VPLink from '@theme/VPLink.vue'
-import type { FriendsItem } from '../../shared/index'
 import { useDarkMode } from '../composables/index.js'
 import VPSocialLinks from './VPSocialLinks.vue'
+import type { FriendsItem } from '../../shared/index'
 
 const props = defineProps<{
   friend: FriendsItem
diff --git a/theme/src/client/components/VPIcon.vue b/theme/src/client/components/VPIcon.vue
index a64b3e83..11f680e9 100644
--- a/theme/src/client/components/VPIcon.vue
+++ b/theme/src/client/components/VPIcon.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { isLinkHttp } from 'vuepress/shared'
-import { withBase } from 'vuepress/client'
 import VPIconify from '@theme/VPIconify.vue'
+import { computed } from 'vue'
+import { withBase } from 'vuepress/client'
+import { isLinkHttp } from 'vuepress/shared'
 import { useIconsData } from '../composables/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/VPIconify.vue b/theme/src/client/components/VPIconify.vue
index d1a769cc..59403438 100644
--- a/theme/src/client/components/VPIconify.vue
+++ b/theme/src/client/components/VPIconify.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { IconifyIcon } from '@iconify/vue/offline'
-import { Icon as OfflineIcon } from '@iconify/vue/offline'
 import { loadIcon } from '@iconify/vue'
+import { Icon as OfflineIcon } from '@iconify/vue/offline'
 import { computed, ref, watch } from 'vue'
+import type { IconifyIcon } from '@iconify/vue/offline'
 
 const props = withDefaults(
   defineProps<{
diff --git a/theme/src/client/components/VPLocalNav.vue b/theme/src/client/components/VPLocalNav.vue
index b0d534ba..72bc5eb0 100644
--- a/theme/src/client/components/VPLocalNav.vue
+++ b/theme/src/client/components/VPLocalNav.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import VPLocalNavOutlineDropdown from '@theme/VPLocalNavOutlineDropdown.vue'
 import { useWindowScroll } from '@vueuse/core'
 import { computed, onMounted, ref } from 'vue'
-import VPLocalNavOutlineDropdown from '@theme/VPLocalNavOutlineDropdown.vue'
 import { useBlogPageData, useData, useHeaders, useSidebar } from '../composables/index.js'
 
 const props = defineProps<{
diff --git a/theme/src/client/components/VPLocalNavOutlineDropdown.vue b/theme/src/client/components/VPLocalNavOutlineDropdown.vue
index 9d6e1409..5c6184af 100644
--- a/theme/src/client/components/VPLocalNavOutlineDropdown.vue
+++ b/theme/src/client/components/VPLocalNavOutlineDropdown.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import VPDocOutlineItem from '@theme/VPDocOutlineItem.vue'
 import { onClickOutside } from '@vueuse/core'
 import { nextTick, ref, watch } from 'vue'
-import VPDocOutlineItem from '@theme/VPDocOutlineItem.vue'
-import type { MenuItem } from '../composables/index.js'
 import { useData } from '../composables/index.js'
+import type { MenuItem } from '../composables/index.js'
 
 const props = defineProps<{
   headers: MenuItem[]
diff --git a/theme/src/client/components/VPMenuLink.vue b/theme/src/client/components/VPMenuLink.vue
index 42359721..0781cb12 100644
--- a/theme/src/client/components/VPMenuLink.vue
+++ b/theme/src/client/components/VPMenuLink.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import VPLink from '@theme/VPLink.vue'
 import VPIcon from '@theme/VPIcon.vue'
+import VPLink from '@theme/VPLink.vue'
 import { resolveRouteFullPath } from 'vuepress/client'
 import { useData } from '../composables/index.js'
 import { isActive } from '../utils/index.js'
diff --git a/theme/src/client/components/VPSidebar.vue b/theme/src/client/components/VPSidebar.vue
index 3531deae..5da8d57e 100644
--- a/theme/src/client/components/VPSidebar.vue
+++ b/theme/src/client/components/VPSidebar.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import VPSidebarGroup from '@theme/VPSidebarGroup.vue'
+import VPTransitionFadeSlideY from '@theme/VPTransitionFadeSlideY.vue'
 import { useScrollLock } from '@vueuse/core'
 import { onMounted, ref, watch } from 'vue'
 import { useRoutePath } from 'vuepress/client'
-import VPSidebarGroup from '@theme/VPSidebarGroup.vue'
-import VPTransitionFadeSlideY from '@theme/VPTransitionFadeSlideY.vue'
 import { useSidebar } from '../composables/index.js'
 import { inBrowser } from '../utils/index.js'
 
diff --git a/theme/src/client/components/VPSidebarGroup.vue b/theme/src/client/components/VPSidebarGroup.vue
index d34683d8..d1d4b244 100644
--- a/theme/src/client/components/VPSidebarGroup.vue
+++ b/theme/src/client/components/VPSidebarGroup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref } from 'vue'
 import VPSidebarItem from '@theme/VPSidebarItem.vue'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
 import type { ResolvedSidebarItem } from '../../shared/index.js'
 
 defineProps<{
diff --git a/theme/src/client/components/VPSidebarItem.vue b/theme/src/client/components/VPSidebarItem.vue
index 7c2d3a4c..f52b76f3 100644
--- a/theme/src/client/components/VPSidebarItem.vue
+++ b/theme/src/client/components/VPSidebarItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import VPLink from '@theme/VPLink.vue'
 import VPIcon from '@theme/VPIcon.vue'
+import VPLink from '@theme/VPLink.vue'
+import { computed } from 'vue'
 import { useSidebarControl } from '../composables/index.js'
 import type { ResolvedSidebarItem } from '../../shared/index.js'
 
diff --git a/theme/src/client/components/VPSwitchAppearance.vue b/theme/src/client/components/VPSwitchAppearance.vue
index 6991ec30..8c84d6a8 100644
--- a/theme/src/client/components/VPSwitchAppearance.vue
+++ b/theme/src/client/components/VPSwitchAppearance.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { inject, ref, watchPostEffect } from 'vue'
 import VPSwitch from '@theme/VPSwitch.vue'
+import { inject, ref, watchPostEffect } from 'vue'
 import { useData } from '../composables/index.js'
 
 const checked = ref(false)
diff --git a/theme/src/client/components/global/VPCardGrid.vue b/theme/src/client/components/global/VPCardGrid.vue
index 92620307..e2ef663a 100644
--- a/theme/src/client/components/global/VPCardGrid.vue
+++ b/theme/src/client/components/global/VPCardGrid.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { onMounted, ref, toValue, watch } from 'vue'
 import { useMediaQuery } from '@vueuse/core'
+import { onMounted, ref, toValue, watch } from 'vue'
 
 const props = defineProps<{
   cols?: string | number | { sm?: number, md?: number, lg?: number }
diff --git a/theme/src/client/components/global/VPLinkCard.vue b/theme/src/client/components/global/VPLinkCard.vue
index b07a9e9c..4bcad02a 100644
--- a/theme/src/client/components/global/VPLinkCard.vue
+++ b/theme/src/client/components/global/VPLinkCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import VPLink from '@theme/VPLink.vue'
 import VPIcon from '@theme/VPIcon.vue'
+import VPLink from '@theme/VPLink.vue'
 
 defineProps<{
   href: string
diff --git a/theme/src/client/composables/blog-archives.ts b/theme/src/client/composables/blog-archives.ts
index c3757d28..811330b1 100644
--- a/theme/src/client/composables/blog-archives.ts
+++ b/theme/src/client/composables/blog-archives.ts
@@ -1,6 +1,6 @@
 import { computed } from 'vue'
-import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
 import { useLocalePostList } from './blog-data.js'
+import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
 
 export type ShortPostItem = Pick<PlumeThemeBlogPostItem, 'title' | 'path' | 'createTime'>
 
diff --git a/theme/src/client/composables/blog-data.ts b/theme/src/client/composables/blog-data.ts
index 39bdf07a..b519fcf8 100644
--- a/theme/src/client/composables/blog-data.ts
+++ b/theme/src/client/composables/blog-data.ts
@@ -2,8 +2,8 @@ import {
   blogPostData as blogPostDataRaw,
 } from '@internal/blogData'
 import { computed, ref } from 'vue'
-import type { Ref } from 'vue'
 import { usePageLang } from 'vuepress/client'
+import type { Ref } from 'vue'
 import type { PlumeThemeBlogPostData } from '../../shared/index.js'
 
 export type BlogDataRef = Ref<PlumeThemeBlogPostData>
diff --git a/theme/src/client/composables/blog-extract.ts b/theme/src/client/composables/blog-extract.ts
index 64dd7ae3..d080b504 100644
--- a/theme/src/client/composables/blog-extract.ts
+++ b/theme/src/client/composables/blog-extract.ts
@@ -1,7 +1,7 @@
 import { computed } from 'vue'
+import { type BlogCategory, useBlogCategory } from './blog-category.js'
 import { useLocalePostList } from './blog-data.js'
 import { useTags } from './blog-tags.js'
-import { type BlogCategory, useBlogCategory } from './blog-category.js'
 import { useData } from './data.js'
 import { useInternalLink } from './internal-link.js'
 
diff --git a/theme/src/client/composables/blog-post-list.ts b/theme/src/client/composables/blog-post-list.ts
index 8c4b3480..b41085c4 100644
--- a/theme/src/client/composables/blog-post-list.ts
+++ b/theme/src/client/composables/blog-post-list.ts
@@ -1,9 +1,9 @@
-import { type Ref, computed } from 'vue'
 import { useMediaQuery } from '@vueuse/core'
-import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
+import { computed, type Ref } from 'vue'
 import { useLocalePostList } from './blog-data.js'
 import { useData } from './data.js'
 import { useRouteQuery } from './route-query.js'
+import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
 
 const DEFAULT_PER_PAGE = 10
 
diff --git a/theme/src/client/composables/blog-tags.ts b/theme/src/client/composables/blog-tags.ts
index 649f48f1..c4643070 100644
--- a/theme/src/client/composables/blog-tags.ts
+++ b/theme/src/client/composables/blog-tags.ts
@@ -1,9 +1,9 @@
 import { computed } from 'vue'
-import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
 import { toArray } from '../utils/index.js'
-import { useTagColors } from './tag-colors.js'
 import { useLocalePostList } from './blog-data.js'
 import { useRouteQuery } from './route-query.js'
+import { useTagColors } from './tag-colors.js'
+import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
 
 type ShortPostItem = Pick<PlumeThemeBlogPostItem, 'title' | 'path' | 'createTime'>
 
diff --git a/theme/src/client/composables/data.ts b/theme/src/client/composables/data.ts
index 9f173579..82bb8993 100644
--- a/theme/src/client/composables/data.ts
+++ b/theme/src/client/composables/data.ts
@@ -1,15 +1,17 @@
-import type { Ref } from 'vue'
 import {
   usePageData,
   usePageFrontmatter,
   usePageLang,
   useSiteLocaleData,
 } from 'vuepress/client'
+import type { Ref } from 'vue'
 import type {
   PageDataRef,
   PageFrontmatterRef,
   SiteLocaleDataRef,
 } from 'vuepress/client'
+import { useDarkMode } from './dark-mode.js'
+import { useThemeLocaleData } from './theme-data.js'
 import type {
   PlumeThemeFriendsFrontmatter,
   PlumeThemeHomeFrontmatter,
@@ -19,8 +21,6 @@ import type {
   PlumeThemePostFrontmatter,
 } from '../../shared/index.js'
 import type { ThemeLocaleDataRef } from './theme-data.js'
-import { useThemeLocaleData } from './theme-data.js'
-import { useDarkMode } from './dark-mode.js'
 
 type FrontmatterType = 'home' | 'post' | 'friends' | 'page'
 
diff --git a/theme/src/client/composables/edit-link.ts b/theme/src/client/composables/edit-link.ts
index d9a8cc22..ded317db 100644
--- a/theme/src/client/composables/edit-link.ts
+++ b/theme/src/client/composables/edit-link.ts
@@ -1,10 +1,10 @@
 import { computed } from 'vue'
 import type { ComputedRef } from 'vue'
+import { useData } from '../composables/data.js'
+import { resolveEditLink } from '../utils/index.js'
 import type {
   NavItemWithLink,
 } from '../../shared/index.js'
-import { useData } from '../composables/data.js'
-import { resolveEditLink } from '../utils/index.js'
 
 export function useEditLink(): ComputedRef<null | NavItemWithLink> {
   const { theme, page, frontmatter } = useData()
diff --git a/theme/src/client/composables/encrypt.ts b/theme/src/client/composables/encrypt.ts
index 71acfa17..bfe66e94 100644
--- a/theme/src/client/composables/encrypt.ts
+++ b/theme/src/client/composables/encrypt.ts
@@ -1,8 +1,8 @@
-import { compare, genSaltSync } from 'bcrypt-ts/browser'
-import type { InjectionKey, Ref } from 'vue'
-import { computed, inject, provide } from 'vue'
 import { hasOwn, useSessionStorage } from '@vueuse/core'
+import { compare, genSaltSync } from 'bcrypt-ts/browser'
+import { computed, inject, provide } from 'vue'
 import { useRoute } from 'vuepress/client'
+import type { InjectionKey, Ref } from 'vue'
 import { useData } from './data.js'
 import { type EncryptDataRule, useEncryptData } from './encrypt-data.js'
 
diff --git a/theme/src/client/composables/home.ts b/theme/src/client/composables/home.ts
index df49031b..eada52e0 100644
--- a/theme/src/client/composables/home.ts
+++ b/theme/src/client/composables/home.ts
@@ -1,7 +1,7 @@
-import type { Ref } from 'vue'
 import { computed, onMounted, onUnmounted } from 'vue'
-import type { PlumeThemeHomeHero } from '../../shared/index.js'
+import type { Ref } from 'vue'
 import { useDarkMode } from './dark-mode.js'
+import type { PlumeThemeHomeHero } from '../../shared/index.js'
 
 export interface TintPlate {
   r: { value: number, offset: number }
diff --git a/theme/src/client/composables/index.ts b/theme/src/client/composables/index.ts
index 0ed537a5..34b78f63 100644
--- a/theme/src/client/composables/index.ts
+++ b/theme/src/client/composables/index.ts
@@ -1,40 +1,40 @@
-export * from './theme-data.js'
-export * from './dark-mode.js'
-export * from './data.js'
-export * from './icons.js'
-
-export * from './scroll-promise.js'
-export * from './scroll-behavior.js'
-
-export * from './langs.js'
-export * from './flyout.js'
-export * from './nav.js'
-export * from './sidebar.js'
 export * from './aside.js'
-export * from './outline.js'
-
-export * from './prev-next.js'
-export * from './edit-link.js'
-export * from './latest-updated.js'
-export * from './contributors.js'
-
-export * from './home.js'
-
-export * from './internal-link.js'
-export * from './blog-data.js'
-export * from './blog-post-list.js'
-export * from './blog-extract.js'
-export * from './blog-tags.js'
 export * from './blog-archives.js'
 export * from './blog-category.js'
-export * from './tag-colors.js'
-export * from './page.js'
+export * from './blog-data.js'
 
-export * from './encrypt-data.js'
+export * from './blog-extract.js'
+export * from './blog-post-list.js'
+
+export * from './blog-tags.js'
+export * from './contributors.js'
+export * from './dark-mode.js'
+export * from './data.js'
+export * from './edit-link.js'
 export * from './encrypt.js'
 
-export * from './preset-locales.js'
+export * from './encrypt-data.js'
+export * from './flyout.js'
+export * from './home.js'
+export * from './icons.js'
+
+export * from './internal-link.js'
+
+export * from './langs.js'
+export * from './latest-updated.js'
 export * from './link.js'
+export * from './nav.js'
+export * from './outline.js'
+export * from './page.js'
+export * from './preset-locales.js'
+export * from './prev-next.js'
 export * from './route-query.js'
 
+export * from './scroll-behavior.js'
+export * from './scroll-promise.js'
+
+export * from './sidebar.js'
+export * from './tag-colors.js'
+export * from './theme-data.js'
+
 export * from './watermark.js'
diff --git a/theme/src/client/composables/internal-link.ts b/theme/src/client/composables/internal-link.ts
index 99028205..4d457bc1 100644
--- a/theme/src/client/composables/internal-link.ts
+++ b/theme/src/client/composables/internal-link.ts
@@ -1,8 +1,8 @@
 import { computed } from 'vue'
 import { useRouteLocale } from 'vuepress/client'
-import type { PresetLocale } from '../../shared/index.js'
 import { useData } from './data.js'
 import { getPresetLocaleData } from './preset-locales.js'
+import type { PresetLocale } from '../../shared/index.js'
 
 export interface InternalLink {
   text: string
diff --git a/theme/src/client/composables/langs.ts b/theme/src/client/composables/langs.ts
index 169b2f01..fc56f943 100644
--- a/theme/src/client/composables/langs.ts
+++ b/theme/src/client/composables/langs.ts
@@ -1,9 +1,9 @@
-import { resolveRoute, useRouteLocale, withBase } from 'vuepress/client'
 import { computed } from 'vue'
+import { resolveRoute, useRouteLocale, withBase } from 'vuepress/client'
 import { normalizeLink } from '../utils/index.js'
-import { useThemeData } from './theme-data.js'
 import { useData } from './data.js'
 import { useBlogPageData } from './page.js'
+import { useThemeData } from './theme-data.js'
 
 export function useLangs({
   removeCurrent = true,
diff --git a/theme/src/client/composables/latest-updated.ts b/theme/src/client/composables/latest-updated.ts
index cadfde91..d31828c1 100644
--- a/theme/src/client/composables/latest-updated.ts
+++ b/theme/src/client/composables/latest-updated.ts
@@ -1,5 +1,5 @@
-import { usePageLang } from 'vuepress/client'
 import { computed, onMounted, ref, watchEffect } from 'vue'
+import { usePageLang } from 'vuepress/client'
 import { useData } from './data.js'
 
 export function useLastUpdated() {
diff --git a/theme/src/client/composables/link.ts b/theme/src/client/composables/link.ts
index a0188809..f2c4f891 100644
--- a/theme/src/client/composables/link.ts
+++ b/theme/src/client/composables/link.ts
@@ -1,6 +1,6 @@
 import { isLinkExternal } from '@vuepress/helper/client'
+import { computed, type MaybeRefOrGetter, toValue } from 'vue'
 import { resolveRouteFullPath, useRoute } from 'vuepress/client'
-import { type MaybeRefOrGetter, computed, toValue } from 'vue'
 import { useData } from './data.js'
 
 const SEARCH_RE = /\.md(?:(?:#|\?).*)?$/
diff --git a/theme/src/client/composables/nav.ts b/theme/src/client/composables/nav.ts
index 6c638319..faf601f1 100644
--- a/theme/src/client/composables/nav.ts
+++ b/theme/src/client/composables/nav.ts
@@ -1,15 +1,15 @@
-import type { Ref } from 'vue'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vuepress/client'
+import type { Ref } from 'vue'
+import { normalizeLink, resolveNavLink } from '../utils/index.js'
+
+import { useData } from './data.js'
 import type {
   NavItem,
   ResolvedNavItem,
   ResolvedNavItemWithLink,
 } from '../../shared/index.js'
 
-import { normalizeLink, resolveNavLink } from '../utils/index.js'
-import { useData } from './data.js'
-
 export function useNavbarData(): Ref<ResolvedNavItem[]> {
   const { theme } = useData()
 
diff --git a/theme/src/client/composables/outline.ts b/theme/src/client/composables/outline.ts
index 20adaccf..2a35eba0 100644
--- a/theme/src/client/composables/outline.ts
+++ b/theme/src/client/composables/outline.ts
@@ -1,10 +1,10 @@
+import { onContentUpdated } from '@vuepress-plume/plugin-content-update/client'
 import { inject, onMounted, onUnmounted, onUpdated, provide, ref } from 'vue'
 import type { InjectionKey, Ref } from 'vue'
-import { onContentUpdated } from '@vuepress-plume/plugin-content-update/client'
-import type { ThemeOutline } from '../../shared/index.js'
 import { throttleAndDebounce } from '../utils/index.js'
 import { useAside } from './aside.js'
 import { useData } from './data.js'
+import type { ThemeOutline } from '../../shared/index.js'
 
 export interface Header {
   /**
diff --git a/theme/src/client/composables/page.ts b/theme/src/client/composables/page.ts
index 5e70cdfe..9dfe6bb3 100644
--- a/theme/src/client/composables/page.ts
+++ b/theme/src/client/composables/page.ts
@@ -1,6 +1,6 @@
 import { computed } from 'vue'
-import { useData } from './data.js'
 import { usePostList } from './blog-data.js'
+import { useData } from './data.js'
 
 export function useBlogPageData() {
   const { page } = useData()
diff --git a/theme/src/client/composables/prev-next.ts b/theme/src/client/composables/prev-next.ts
index 97901dd1..16171def 100644
--- a/theme/src/client/composables/prev-next.ts
+++ b/theme/src/client/composables/prev-next.ts
@@ -1,13 +1,13 @@
+import { computed } from 'vue'
 import { resolveRouteFullPath, usePageLang, useRoute } from 'vuepress/client'
 import { isPlainObject, isString } from 'vuepress/shared'
-import { computed } from 'vue'
 import type { Ref } from 'vue'
-import type { NavItemWithLink, PlumeThemeBlogPostItem, SidebarItem } from '../../shared/index.js'
 import { resolveNavLink } from '../utils/index.js'
 import { usePostList } from './blog-data.js'
-import { useSidebar } from './sidebar.js'
 import { useData } from './data.js'
 import { useBlogPageData } from './page.js'
+import { useSidebar } from './sidebar.js'
+import type { NavItemWithLink, PlumeThemeBlogPostItem, SidebarItem } from '../../shared/index.js'
 
 export function usePrevNext() {
   const route = useRoute()
diff --git a/theme/src/client/composables/route-query.ts b/theme/src/client/composables/route-query.ts
index c3621ad8..b4aafacc 100644
--- a/theme/src/client/composables/route-query.ts
+++ b/theme/src/client/composables/route-query.ts
@@ -1,8 +1,8 @@
-import { customRef, nextTick, toValue, watch } from 'vue'
-import type { MaybeRef, MaybeRefOrGetter, Ref } from 'vue'
-import { useRoute, useRouter } from 'vuepress/client'
-import type { RouteParamValueRaw, Router } from 'vue-router'
 import { tryOnScopeDispose } from '@vueuse/core'
+import { customRef, nextTick, toValue, watch } from 'vue'
+import { useRoute, useRouter } from 'vuepress/client'
+import type { MaybeRef, MaybeRefOrGetter, Ref } from 'vue'
+import type { RouteParamValueRaw, Router } from 'vue-router'
 
 export type RouteQueryValueRaw = RouteParamValueRaw | string[]
 
diff --git a/theme/src/client/composables/scroll-behavior.ts b/theme/src/client/composables/scroll-behavior.ts
index da7c3974..4bf82134 100644
--- a/theme/src/client/composables/scroll-behavior.ts
+++ b/theme/src/client/composables/scroll-behavior.ts
@@ -1,5 +1,5 @@
-import type { Router } from 'vuepress/client'
 import { nextTick } from 'vue'
+import type { Router } from 'vuepress/client'
 import { inBrowser } from '../utils/index.js'
 import { useScrollPromise } from './scroll-promise.js'
 
diff --git a/theme/src/client/composables/sidebar.ts b/theme/src/client/composables/sidebar.ts
index 92927d59..6431b7d9 100644
--- a/theme/src/client/composables/sidebar.ts
+++ b/theme/src/client/composables/sidebar.ts
@@ -1,4 +1,4 @@
-import { resolveRouteFullPath, useRoute, useRouteLocale } from 'vuepress/client'
+import { sidebar as sidebarRaw } from '@internal/sidebar'
 import {
   ensureLeadingSlash,
   isArray,
@@ -7,7 +7,6 @@ import {
   removeLeadingSlash,
 } from '@vuepress/helper/client'
 import { useMediaQuery } from '@vueuse/core'
-import type { ComputedRef, InjectionKey, Ref } from 'vue'
 import {
   computed,
   inject,
@@ -18,11 +17,12 @@ import {
   watch,
   watchEffect,
 } from 'vue'
-import { sidebar as sidebarRaw } from '@internal/sidebar'
+import { resolveRouteFullPath, useRoute, useRouteLocale } from 'vuepress/client'
+import type { ComputedRef, InjectionKey, Ref } from 'vue'
 import { isActive, normalizeLink, normalizePrefix, resolveNavLink } from '../utils/index.js'
-import type { ResolvedSidebarItem, Sidebar, SidebarItem } from '../../shared/index.js'
 import { useData } from './data.js'
 import { useEncrypt } from './encrypt.js'
+import type { ResolvedSidebarItem, Sidebar, SidebarItem } from '../../shared/index.js'
 
 export type SidebarData = Record<string, Sidebar>
 
diff --git a/theme/src/client/composables/theme-data.ts b/theme/src/client/composables/theme-data.ts
index 95b951b1..7764b80c 100644
--- a/theme/src/client/composables/theme-data.ts
+++ b/theme/src/client/composables/theme-data.ts
@@ -1,7 +1,7 @@
 import { themeData as themeDataRaw } from '@internal/themePlumeData'
 import { computed, inject, ref } from 'vue'
+import { type ClientData, clientDataSymbol, type RouteLocale } from 'vuepress/client'
 import type { App, ComputedRef, InjectionKey, Ref } from 'vue'
-import { type ClientData, type RouteLocale, clientDataSymbol } from 'vuepress/client'
 import type { PlumeThemeData } from '../../shared/index.js'
 
 declare const __VUE_HMR_RUNTIME__: Record<string, any>
diff --git a/theme/src/client/config.ts b/theme/src/client/config.ts
index 2128f4ab..ce5f879f 100644
--- a/theme/src/client/config.ts
+++ b/theme/src/client/config.ts
@@ -1,6 +1,5 @@
-import './styles/index.css'
-
 import { defineClientConfig } from 'vuepress/client'
+
 import {
   enhanceScrollBehavior,
   setupDarkMode,
@@ -13,6 +12,7 @@ import {
 import { globalComponents } from './globalComponents.js'
 import Layout from './layouts/Layout.vue'
 import NotFound from './layouts/NotFound.vue'
+import './styles/index.css'
 
 export default defineClientConfig({
   enhance({ app, router }) {
diff --git a/theme/src/client/features/components/NpmBadge.vue b/theme/src/client/features/components/NpmBadge.vue
index 98fcd98c..854c62dc 100644
--- a/theme/src/client/features/components/NpmBadge.vue
+++ b/theme/src/client/features/components/NpmBadge.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { toRef } from 'vue'
-import type { NpmBadgeOptions } from '../composables/npm-badge.js'
 import { useNpmBadge } from '../composables/npm-badge.js'
+import type { NpmBadgeOptions } from '../composables/npm-badge.js'
 
 const props = defineProps<NpmBadgeOptions>()
 
diff --git a/theme/src/client/features/components/NpmBadgeGroup.vue b/theme/src/client/features/components/NpmBadgeGroup.vue
index ea684901..89eb803d 100644
--- a/theme/src/client/features/components/NpmBadgeGroup.vue
+++ b/theme/src/client/features/components/NpmBadgeGroup.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed, toRef } from 'vue'
-import type { NpmBadgeGroupOptions, NpmBadgeType } from '../composables/npm-badge.js'
 import { useNpmBadgeGroup } from '../composables/npm-badge.js'
 import NpmBadge from './NpmBadge.vue'
+import type { NpmBadgeGroupOptions, NpmBadgeType } from '../composables/npm-badge.js'
 
 const props = defineProps<NpmBadgeGroupOptions>()
 
diff --git a/theme/src/client/globalComponents.ts b/theme/src/client/globalComponents.ts
index d621bdae..5ae56c33 100644
--- a/theme/src/client/globalComponents.ts
+++ b/theme/src/client/globalComponents.ts
@@ -1,12 +1,12 @@
-import type { App } from 'vue'
-import { h } from 'vue'
-import VPHomeBox from '@theme/Home/VPHomeBox.vue'
-import VPCard from '@theme/global/VPCard.vue'
-import VPLinkCard from '@theme/global/VPLinkCard.vue'
 import VPBadge from '@theme/global/VPBadge.vue'
+import VPCard from '@theme/global/VPCard.vue'
 import VPCardGrid from '@theme/global/VPCardGrid.vue'
 import VPImageCard from '@theme/global/VPImageCard.vue'
+import VPLinkCard from '@theme/global/VPLinkCard.vue'
+import VPHomeBox from '@theme/Home/VPHomeBox.vue'
 import VPIcon from '@theme/VPIcon.vue'
+import { h } from 'vue'
+import type { App } from 'vue'
 
 export function globalComponents(app: App) {
   app.component('Badge', VPBadge)
diff --git a/theme/src/client/index.ts b/theme/src/client/index.ts
index 2a17102e..6e34fd45 100644
--- a/theme/src/client/index.ts
+++ b/theme/src/client/index.ts
@@ -1,27 +1,27 @@
-export * from 'vuepress-plugin-md-enhance/client'
-export * from '@vuepress/plugin-comment/client'
-
 export * from '../shared/index.js'
-export * from './composables/index.js'
-export * from './utils/index.js'
-
-export { default as plumeClientConfig } from './config.js'
-
-export { default as Layout } from './layouts/Layout.vue'
-export { default as NotFound } from './layouts/NotFound.vue'
-
 export { default as VPBadge } from './components/global/VPBadge.vue'
+
 export { default as VPCard } from './components/global/VPCard.vue'
 export { default as VPCardGrid } from './components/global/VPCardGrid.vue'
-
-export { default as VPImage } from './components/VPImage.vue'
-export { default as VPButton } from './components/VPButton.vue'
-export { default as VPLink } from './components/VPLink.vue'
+export { default as VPHomeBanner } from './components/Home/VPHomeBanner.vue'
 
 export { default as VPHomeBox } from './components/Home/VPHomeBox.vue'
-export { default as VPHomeBanner } from './components/Home/VPHomeBanner.vue'
+
+export { default as VPHomeCustom } from './components/Home/VPHomeCustom.vue'
 export { default as VPHomeFeatures } from './components/Home/VPHomeFeatures.vue'
+
 export { default as VPHomeHero } from './components/Home/VPHomeHero.vue'
 export { default as VPHomeProfile } from './components/Home/VPHomeProfile.vue'
 export { default as VPHomeTextImage } from './components/Home/VPHomeTextImage.vue'
-export { default as VPHomeCustom } from './components/Home/VPHomeCustom.vue'
+
+export { default as VPButton } from './components/VPButton.vue'
+export { default as VPImage } from './components/VPImage.vue'
+export { default as VPLink } from './components/VPLink.vue'
+
+export * from './composables/index.js'
+export { default as plumeClientConfig } from './config.js'
+export { default as Layout } from './layouts/Layout.vue'
+export { default as NotFound } from './layouts/NotFound.vue'
+export * from './utils/index.js'
+export * from '@vuepress/plugin-comment/client'
+export * from 'vuepress-plugin-md-enhance/client'
diff --git a/theme/src/client/layouts/Layout.vue b/theme/src/client/layouts/Layout.vue
index b2590edf..e3690f46 100644
--- a/theme/src/client/layouts/Layout.vue
+++ b/theme/src/client/layouts/Layout.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { useRoute } from 'vuepress/client'
-import { watch } from 'vue'
-import VPBackdrop from '@theme/VPBackdrop.vue'
-import VPContent from '@theme/VPContent.vue'
-import VPLocalNav from '@theme/VPLocalNav.vue'
 import VPNav from '@theme/Nav/VPNav.vue'
+import VPBackdrop from '@theme/VPBackdrop.vue'
+import VPBackToTop from '@theme/VPBackToTop.vue'
+import VPContent from '@theme/VPContent.vue'
+import VPEncryptGlobal from '@theme/VPEncryptGlobal.vue'
+import VPFooter from '@theme/VPFooter.vue'
+import VPLocalNav from '@theme/VPLocalNav.vue'
 import VPSidebar from '@theme/VPSidebar.vue'
 import VPSkipLink from '@theme/VPSkipLink.vue'
-import VPFooter from '@theme/VPFooter.vue'
-import VPBackToTop from '@theme/VPBackToTop.vue'
-import VPEncryptGlobal from '@theme/VPEncryptGlobal.vue'
+import { watch } from 'vue'
+import { useRoute } from 'vuepress/client'
 import { useCloseSidebarOnEscape, useData, useEncrypt, useSidebar } from '../composables/index.js'
 
 const {
diff --git a/theme/src/client/layouts/NotFound.vue b/theme/src/client/layouts/NotFound.vue
index 47e5a2c1..556fced5 100644
--- a/theme/src/client/layouts/NotFound.vue
+++ b/theme/src/client/layouts/NotFound.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useRouteLocale, withBase } from 'vuepress/client'
 import VPNav from '@theme/Nav/VPNav.vue'
-import VPSkipLink from '@theme/VPSkipLink.vue'
 import VPFooter from '@theme/VPFooter.vue'
+import VPSkipLink from '@theme/VPSkipLink.vue'
+import { useRouteLocale, withBase } from 'vuepress/client'
 import { useData } from '../composables/index.js'
 
 const root = useRouteLocale()
diff --git a/theme/src/client/utils/index.ts b/theme/src/client/utils/index.ts
index c02c8d53..d91fde0e 100644
--- a/theme/src/client/utils/index.ts
+++ b/theme/src/client/utils/index.ts
@@ -1,6 +1,6 @@
-export * from './shared.js'
 // export * from './dom.js'
 export * from './resolveEditLink.js'
-export * from './resolveRepoType.js'
 export * from './resolveNavLink.js'
+export * from './resolveRepoType.js'
+export * from './shared.js'
 // export * from './animate.js'
diff --git a/theme/src/client/utils/resolveNavLink.ts b/theme/src/client/utils/resolveNavLink.ts
index d885e492..5d30ae2b 100644
--- a/theme/src/client/utils/resolveNavLink.ts
+++ b/theme/src/client/utils/resolveNavLink.ts
@@ -1,10 +1,10 @@
-import { resolveRoute } from 'vuepress/client'
 import {
   ensureEndingSlash,
   ensureLeadingSlash,
   isLinkAbsolute,
   isLinkWithProtocol,
 } from '@vuepress/helper/client'
+import { resolveRoute } from 'vuepress/client'
 import type { ResolvedNavItemWithLink } from '../../shared/index.js'
 
 /**
diff --git a/theme/src/node/autoFrontmatter/generator.ts b/theme/src/node/autoFrontmatter/generator.ts
index b9969122..860e618f 100644
--- a/theme/src/node/autoFrontmatter/generator.ts
+++ b/theme/src/node/autoFrontmatter/generator.ts
@@ -1,10 +1,13 @@
-import { fs, hash } from 'vuepress/utils'
+import { isArray, isEmptyObject, promiseParallel, toArray } from '@pengzhanbo/utils'
 import chokidar from 'chokidar'
 import { createFilter } from 'create-filter'
 import grayMatter from 'gray-matter'
 import jsonToYaml from 'json2yaml'
-import { isArray, isEmptyObject, promiseParallel, toArray } from '@pengzhanbo/utils'
+import { fs, hash } from 'vuepress/utils'
 import type { App } from 'vuepress'
+import { getThemeConfig } from '../loadConfig/index.js'
+import { readMarkdown, readMarkdownList } from './readFile.js'
+import { resolveOptions } from './resolveOptions.js'
 import type {
   AutoFrontmatter,
   AutoFrontmatterArray,
@@ -12,9 +15,6 @@ import type {
   AutoFrontmatterObject,
   PlumeThemeLocaleOptions,
 } from '../../shared/index.js'
-import { getThemeConfig } from '../loadConfig/index.js'
-import { readMarkdown, readMarkdownList } from './readFile.js'
-import { resolveOptions } from './resolveOptions.js'
 
 export interface Generate {
   globFilter: (id?: string) => boolean
diff --git a/theme/src/node/autoFrontmatter/readFile.ts b/theme/src/node/autoFrontmatter/readFile.ts
index f62967f4..fd150988 100644
--- a/theme/src/node/autoFrontmatter/readFile.ts
+++ b/theme/src/node/autoFrontmatter/readFile.ts
@@ -1,5 +1,5 @@
-import { fs, path } from 'vuepress/utils'
 import fg from 'fast-glob'
+import { fs, path } from 'vuepress/utils'
 import type { AutoFrontmatterMarkdownFile } from '../../shared/index.js'
 
 export async function readMarkdownList(
diff --git a/theme/src/node/autoFrontmatter/resolveOptions.ts b/theme/src/node/autoFrontmatter/resolveOptions.ts
index a1814857..8e5ea82b 100644
--- a/theme/src/node/autoFrontmatter/resolveOptions.ts
+++ b/theme/src/node/autoFrontmatter/resolveOptions.ts
@@ -1,15 +1,9 @@
-import { path } from 'vuepress/utils'
-import { removeLeadingSlash, resolveLocalePath } from 'vuepress/shared'
+import { uniq } from '@pengzhanbo/utils'
 import { ensureLeadingSlash } from '@vuepress/helper'
 import { format } from 'date-fns'
-import { uniq } from '@pengzhanbo/utils'
-import type {
-  AutoFrontmatter,
-  AutoFrontmatterArray,
-  AutoFrontmatterObject,
-  PlumeThemeLocaleOptions,
-  SidebarItem,
-} from '../../shared/index.js'
+import { removeLeadingSlash, resolveLocalePath } from 'vuepress/shared'
+import { path } from 'vuepress/utils'
+import { resolveNotesOptions } from '../config/index.js'
 import {
   getCurrentDirname,
   nanoid,
@@ -17,7 +11,13 @@ import {
   pathJoin,
   withBase,
 } from '../utils/index.js'
-import { resolveNotesOptions } from '../config/index.js'
+import type {
+  AutoFrontmatter,
+  AutoFrontmatterArray,
+  AutoFrontmatterObject,
+  PlumeThemeLocaleOptions,
+  SidebarItem,
+} from '../../shared/index.js'
 
 export function resolveOptions(
   localeOptions: PlumeThemeLocaleOptions,
diff --git a/theme/src/node/config/index.ts b/theme/src/node/config/index.ts
index df0a2cb3..293664e9 100644
--- a/theme/src/node/config/index.ts
+++ b/theme/src/node/config/index.ts
@@ -1,12 +1,12 @@
-export * from './resolveThemeOption.js'
-export * from './resolveLocaleOptions.js'
-export * from './resolveThemeData.js'
-export * from './resolveProvideData.js'
-export * from './resolveAlias.js'
-
 export * from './extendsBundlerOptions.js'
-export * from './templateBuildRenderer.js'
-
-export * from './resolveSearchOptions.js'
-export * from './resolvePageHead.js'
+export * from './resolveAlias.js'
+export * from './resolveLocaleOptions.js'
 export * from './resolveNotesOptions.js'
+export * from './resolvePageHead.js'
+
+export * from './resolveProvideData.js'
+export * from './resolveSearchOptions.js'
+
+export * from './resolveThemeData.js'
+export * from './resolveThemeOption.js'
+export * from './templateBuildRenderer.js'
diff --git a/theme/src/node/config/resolveLocaleOptions.ts b/theme/src/node/config/resolveLocaleOptions.ts
index bb218152..be34b694 100644
--- a/theme/src/node/config/resolveLocaleOptions.ts
+++ b/theme/src/node/config/resolveLocaleOptions.ts
@@ -1,8 +1,8 @@
 import { entries, fromEntries, getLocaleConfig } from '@vuepress/helper'
 import type { App } from 'vuepress'
 import { LOCALE_OPTIONS } from '../locales/index.js'
-import type { PlumeThemeLocaleData, PlumeThemeLocaleOptions } from '../../shared/index.js'
 import { THEME_NAME } from '../utils/index.js'
+import type { PlumeThemeLocaleData, PlumeThemeLocaleOptions } from '../../shared/index.js'
 
 const FALLBACK_OPTIONS: PlumeThemeLocaleData = {
   appearance: true,
diff --git a/theme/src/node/config/resolveNotesOptions.ts b/theme/src/node/config/resolveNotesOptions.ts
index 4ffac133..0438f7b1 100644
--- a/theme/src/node/config/resolveNotesOptions.ts
+++ b/theme/src/node/config/resolveNotesOptions.ts
@@ -1,7 +1,7 @@
-import { entries } from '@vuepress/helper'
 import { uniq } from '@pengzhanbo/utils'
-import type { NotesOptions, PlumeThemeLocaleOptions } from '../../shared/index.js'
+import { entries } from '@vuepress/helper'
 import { withBase } from '../utils/index.js'
+import type { NotesOptions, PlumeThemeLocaleOptions } from '../../shared/index.js'
 
 export function resolveNotesLinkList(localeOptions: PlumeThemeLocaleOptions) {
   const locales = localeOptions.locales || {}
diff --git a/theme/src/node/config/resolveProvideData.ts b/theme/src/node/config/resolveProvideData.ts
index b521f836..a44961c1 100644
--- a/theme/src/node/config/resolveProvideData.ts
+++ b/theme/src/node/config/resolveProvideData.ts
@@ -1,7 +1,7 @@
-import type { App } from 'vuepress'
 import { entries, fromEntries, getRootLangPath, isPlainObject } from '@vuepress/helper'
-import type { PlumeThemePluginOptions } from '../../shared/index.js'
+import type { App } from 'vuepress'
 import { PRESET_LOCALES } from '../locales/index.js'
+import type { PlumeThemePluginOptions } from '../../shared/index.js'
 
 export function resolveProvideData(
   app: App,
diff --git a/theme/src/node/config/resolveSearchOptions.ts b/theme/src/node/config/resolveSearchOptions.ts
index 32d4013d..830f597b 100644
--- a/theme/src/node/config/resolveSearchOptions.ts
+++ b/theme/src/node/config/resolveSearchOptions.ts
@@ -1,7 +1,7 @@
 import { getLocaleConfig } from '@vuepress/helper'
-import type { App } from 'vuepress'
 import type { DocsearchPluginOptions } from '@vuepress/plugin-docsearch'
 import type { SearchPluginOptions } from '@vuepress-plume/plugin-search'
+import type { App } from 'vuepress'
 import { DOCSEARCH_LOCALES, SEARCH_LOCALES } from '../locales/index.js'
 
 export function resolveSearchOptions(
diff --git a/theme/src/node/config/resolveThemeData.ts b/theme/src/node/config/resolveThemeData.ts
index a8f025e4..fead9da3 100644
--- a/theme/src/node/config/resolveThemeData.ts
+++ b/theme/src/node/config/resolveThemeData.ts
@@ -1,8 +1,8 @@
 import { entries, getRootLangPath } from '@vuepress/helper'
 import type { App } from 'vuepress'
-import type { NavItem, PlumeThemeLocaleOptions } from '../../shared/index.js'
 import { PRESET_LOCALES } from '../locales/index.js'
 import { withBase } from '../utils/index.js'
+import type { NavItem, PlumeThemeLocaleOptions } from '../../shared/index.js'
 
 const EXCLUDE_LIST = ['locales', 'sidebar', 'navbar', 'notes', 'sidebar', 'article', 'avatar']
 // 过滤不需要出现在多语言配置中的字段
diff --git a/theme/src/node/config/resolveThemeOption.ts b/theme/src/node/config/resolveThemeOption.ts
index 040da522..20722b0c 100644
--- a/theme/src/node/config/resolveThemeOption.ts
+++ b/theme/src/node/config/resolveThemeOption.ts
@@ -1,5 +1,5 @@
-import type { PlumeThemeOptions } from '../../shared/index.js'
 import { logger } from '../utils/index.js'
+import type { PlumeThemeOptions } from '../../shared/index.js'
 
 export function resolveThemeOptions({
   themePlugins,
diff --git a/theme/src/node/config/templateBuildRenderer.ts b/theme/src/node/config/templateBuildRenderer.ts
index ff39797f..53befb62 100644
--- a/theme/src/node/config/templateBuildRenderer.ts
+++ b/theme/src/node/config/templateBuildRenderer.ts
@@ -1,4 +1,4 @@
-import { type TemplateRendererContext, templateRenderer } from 'vuepress/utils'
+import { templateRenderer, type TemplateRendererContext } from 'vuepress/utils'
 import { getThemePackage } from '../utils/index.js'
 
 export function templateBuildRenderer(template: string, context: TemplateRendererContext) {
diff --git a/theme/src/node/defineConfig.ts b/theme/src/node/defineConfig.ts
index 4c18fd77..2cfd46dc 100644
--- a/theme/src/node/defineConfig.ts
+++ b/theme/src/node/defineConfig.ts
@@ -1,9 +1,9 @@
 import type { NavItem, NoteItem, NotesOptions, ThemeConfig } from '../shared/index.js'
 
 export type {
-  NotesOptions,
   NoteItem,
   NoteItem as NotesItem,
+  NotesOptions,
 }
 
 /**
diff --git a/theme/src/node/index.ts b/theme/src/node/index.ts
index c1dd2421..a37691df 100644
--- a/theme/src/node/index.ts
+++ b/theme/src/node/index.ts
@@ -1,7 +1,7 @@
 import { plumeTheme } from './theme.js'
 
-export * from './defineConfig.js'
 export * from '../shared/index.js'
+export * from './defineConfig.js'
 
 export { plumeTheme }
 
diff --git a/theme/src/node/loadConfig/compiler.ts b/theme/src/node/loadConfig/compiler.ts
index b0c0c956..59bde709 100644
--- a/theme/src/node/loadConfig/compiler.ts
+++ b/theme/src/node/loadConfig/compiler.ts
@@ -4,8 +4,8 @@ import process from 'node:process'
 import { pathToFileURL } from 'node:url'
 import { build } from 'esbuild'
 import { importFileDefault } from 'vuepress/utils'
-import type { ThemeConfig } from '../../shared/index.js'
 import { hash } from '../utils/index.js'
+import type { ThemeConfig } from '../../shared/index.js'
 
 export async function compiler(configPath?: string,
 ): Promise<{
diff --git a/theme/src/node/loadConfig/findConfigPath.ts b/theme/src/node/loadConfig/findConfigPath.ts
index 5a636313..77275695 100644
--- a/theme/src/node/loadConfig/findConfigPath.ts
+++ b/theme/src/node/loadConfig/findConfigPath.ts
@@ -1,8 +1,8 @@
 import fs, { constants, promises as fsp } from 'node:fs'
 import { resolve } from 'node:path'
 import process from 'node:process'
-import type { App } from 'vuepress'
 import { colors } from 'vuepress/utils'
+import type { App } from 'vuepress'
 import { logger } from '../utils/index.js'
 
 const CONFIG_FILE_NAME = 'plume.config'
diff --git a/theme/src/node/loadConfig/index.ts b/theme/src/node/loadConfig/index.ts
index e5cc0fb8..9a61fb6a 100644
--- a/theme/src/node/loadConfig/index.ts
+++ b/theme/src/node/loadConfig/index.ts
@@ -3,6 +3,6 @@
  * 实际上 主题配置 中的大部分 选项 跟 node 的构建过程是无关的，根本无需重启服务。
  * 因此，将 主题配置 抽离到独立的文件中进行配置，避免服务重启，是非常有必要的。
  */
-export * from './findConfigPath.js'
 export * from './compiler.js'
+export * from './findConfigPath.js'
 export * from './loader.js'
diff --git a/theme/src/node/loadConfig/loader.ts b/theme/src/node/loadConfig/loader.ts
index d698b46b..142a9511 100644
--- a/theme/src/node/loadConfig/loader.ts
+++ b/theme/src/node/loadConfig/loader.ts
@@ -1,12 +1,12 @@
-import type { App } from 'vuepress'
-import type { FSWatcher } from 'chokidar'
-import { path } from 'vuepress/utils'
-import { watch } from 'chokidar'
 import { deepMerge } from '@pengzhanbo/utils'
-import type { AutoFrontmatter, PlumeThemeEncrypt, PlumeThemeLocaleOptions, ThemeConfig } from '../../shared/index.js'
+import { watch } from 'chokidar'
+import { path } from 'vuepress/utils'
+import type { FSWatcher } from 'chokidar'
+import type { App } from 'vuepress'
 import { resolveLocaleOptions } from '../config/resolveLocaleOptions.js'
-import { findConfigPath } from './findConfigPath.js'
 import { compiler } from './compiler.js'
+import { findConfigPath } from './findConfigPath.js'
+import type { AutoFrontmatter, PlumeThemeEncrypt, PlumeThemeLocaleOptions, ThemeConfig } from '../../shared/index.js'
 
 export interface ResolvedConfig {
   localeOptions: PlumeThemeLocaleOptions
diff --git a/theme/src/node/locales/index.ts b/theme/src/node/locales/index.ts
index 1faa093b..4df13293 100644
--- a/theme/src/node/locales/index.ts
+++ b/theme/src/node/locales/index.ts
@@ -1,8 +1,8 @@
 import type { DocsearchLocaleOptions } from '@vuepress/plugin-docsearch'
 import type { SearchLocaleOptions } from '@vuepress-plume/plugin-search'
-import type { PlumeThemeLocaleData, PresetLocale } from '../../shared/index.js'
-import { zhDocsearchLocale, zhLocale, zhPresetLocale, zhSearchLocale } from './zh.js'
 import { enLocale, enPresetLocale, enSearchLocale } from './en.js'
+import { zhDocsearchLocale, zhLocale, zhPresetLocale, zhSearchLocale } from './zh.js'
+import type { PlumeThemeLocaleData, PresetLocale } from '../../shared/index.js'
 
 export const LOCALE_OPTIONS: Record<string, PlumeThemeLocaleData> = {
   '/zh/': zhLocale,
diff --git a/theme/src/node/plugins/getPlugins.ts b/theme/src/node/plugins/getPlugins.ts
index 3a1153c0..eaa10433 100644
--- a/theme/src/node/plugins/getPlugins.ts
+++ b/theme/src/node/plugins/getPlugins.ts
@@ -1,28 +1,28 @@
-import type { App, PluginConfig } from 'vuepress/core'
 import { activeHeaderLinksPlugin } from '@vuepress/plugin-active-header-links'
 import { cachePlugin } from '@vuepress/plugin-cache'
+import { commentPlugin } from '@vuepress/plugin-comment'
 import { docsearchPlugin } from '@vuepress/plugin-docsearch'
 import { gitPlugin } from '@vuepress/plugin-git'
-import { photoSwipePlugin } from '@vuepress/plugin-photo-swipe'
 import { nprogressPlugin } from '@vuepress/plugin-nprogress'
-import { shikiPlugin } from '@vuepress-plume/plugin-shikiji'
-import { commentPlugin } from '@vuepress/plugin-comment'
-import { type MarkdownEnhancePluginOptions, mdEnhancePlugin } from 'vuepress-plugin-md-enhance'
+import { photoSwipePlugin } from '@vuepress/plugin-photo-swipe'
 import { readingTimePlugin } from '@vuepress/plugin-reading-time'
 import { seoPlugin } from '@vuepress/plugin-seo'
 import { sitemapPlugin } from '@vuepress/plugin-sitemap'
-import { contentUpdatePlugin } from '@vuepress-plume/plugin-content-update'
-import { searchPlugin } from '@vuepress-plume/plugin-search'
-import { markdownPowerPlugin } from 'vuepress-plugin-md-power'
 import { watermarkPlugin } from '@vuepress/plugin-watermark'
+import { contentUpdatePlugin } from '@vuepress-plume/plugin-content-update'
 import { fontsPlugin } from '@vuepress-plume/plugin-fonts'
-import type { PlumeThemePluginOptions } from '../../shared/index.js'
+import { searchPlugin } from '@vuepress-plume/plugin-search'
+import { shikiPlugin } from '@vuepress-plume/plugin-shikiji'
+import { type MarkdownEnhancePluginOptions, mdEnhancePlugin } from 'vuepress-plugin-md-enhance'
+import { markdownPowerPlugin } from 'vuepress-plugin-md-power'
+import type { App, PluginConfig } from 'vuepress/core'
 import {
   resolveDocsearchOptions,
   resolveSearchOptions,
 } from '../config/index.js'
 import { customContainerPlugins } from './containerPlugins.js'
 import { markdownTitlePlugin } from './markdown-title.js'
+import type { PlumeThemePluginOptions } from '../../shared/index.js'
 
 export interface SetupPluginOptions {
   app: App
diff --git a/theme/src/node/plugins/index.ts b/theme/src/node/plugins/index.ts
index 831652cc..9c8f78a2 100644
--- a/theme/src/node/plugins/index.ts
+++ b/theme/src/node/plugins/index.ts
@@ -1,2 +1,2 @@
-export * from './getPlugins.js'
 export * from './containerPlugins.js'
+export * from './getPlugins.js'
diff --git a/theme/src/node/prepare/index.ts b/theme/src/node/prepare/index.ts
index 6f4f27b7..8a7a7990 100644
--- a/theme/src/node/prepare/index.ts
+++ b/theme/src/node/prepare/index.ts
@@ -1,11 +1,11 @@
-import type { App } from 'vuepress'
 import { watch } from 'chokidar'
+import type { App } from 'vuepress'
 import { getThemeConfig } from '../loadConfig/index.js'
 import { prepareArticleTagColors } from './prepareArticleTagColor.js'
 import { preparedBlogData } from './prepareBlogData.js'
 import { prepareEncrypt } from './prepareEncrypt.js'
-import { prepareSidebar } from './prepareSidebar.js'
 import { prepareIcons } from './prepareIcons.js'
+import { prepareSidebar } from './prepareSidebar.js'
 
 export async function prepareData(
   app: App,
diff --git a/theme/src/node/prepare/prepareBlogData.ts b/theme/src/node/prepare/prepareBlogData.ts
index ee8531ac..8d6c162b 100644
--- a/theme/src/node/prepare/prepareBlogData.ts
+++ b/theme/src/node/prepare/prepareBlogData.ts
@@ -1,7 +1,9 @@
-import type { App, Page } from 'vuepress/core'
-import { createFilter } from 'create-filter'
 import { removeLeadingSlash } from '@vuepress/helper'
+import { createFilter } from 'create-filter'
+import type { App, Page } from 'vuepress/core'
+import { resolveNotesOptions } from '../config/index.js'
 import { logger, normalizePath, resolveContent, writeTemp } from '../utils/index.js'
+import { isEncryptPage } from './prepareEncrypt.js'
 import type {
   PlumeThemeBlogPostData,
   PlumeThemeBlogPostItem,
@@ -10,8 +12,6 @@ import type {
   PlumeThemePageData,
   PlumeThemePostFrontmatter,
 } from '../../shared/index.js'
-import { resolveNotesOptions } from '../config/index.js'
-import { isEncryptPage } from './prepareEncrypt.js'
 
 const HEADING_RE = /<h(\d)[^>]*>.*?<\/h\1>/gi
 const EXCERPT_SPLIT = '<!-- more -->'
diff --git a/theme/src/node/prepare/prepareEncrypt.ts b/theme/src/node/prepare/prepareEncrypt.ts
index fe14cad7..3734be79 100644
--- a/theme/src/node/prepare/prepareEncrypt.ts
+++ b/theme/src/node/prepare/prepareEncrypt.ts
@@ -1,9 +1,9 @@
+import { isNumber, isString, random, toArray } from '@pengzhanbo/utils'
 import { genSaltSync, hashSync } from 'bcrypt-ts'
 import type { App } from 'vuepress'
-import { isNumber, isString, random, toArray } from '@pengzhanbo/utils'
 import type { Page } from 'vuepress/core'
-import type { PlumeThemeEncrypt, PlumeThemePageData } from '../../shared/index.js'
 import { hash, resolveContent, writeTemp } from '../utils/index.js'
+import type { PlumeThemeEncrypt, PlumeThemePageData } from '../../shared/index.js'
 
 export type EncryptConfig = readonly [
   boolean, // global
diff --git a/theme/src/node/prepare/prepareIcons.ts b/theme/src/node/prepare/prepareIcons.ts
index 72a5facc..2c00ff7c 100644
--- a/theme/src/node/prepare/prepareIcons.ts
+++ b/theme/src/node/prepare/prepareIcons.ts
@@ -1,11 +1,11 @@
-import type { App, Page } from 'vuepress'
+import { getIconContentCSS, getIconData } from '@iconify/utils'
 import { isArray, isString, uniq } from '@pengzhanbo/utils'
-import { fs } from 'vuepress/utils'
 import { entries, isLinkAbsolute, isLinkHttp, isPlainObject } from '@vuepress/helper'
 import { isPackageExists } from 'local-pkg'
-import { getIconContentCSS, getIconData } from '@iconify/utils'
-import type { NavItem, PlumeThemeLocaleOptions, Sidebar } from '../../shared/index.js'
+import { fs } from 'vuepress/utils'
+import type { App, Page } from 'vuepress'
 import { interopDefault, logger, nanoid, resolveContent, writeTemp } from '../utils/index.js'
+import type { NavItem, PlumeThemeLocaleOptions, Sidebar } from '../../shared/index.js'
 
 interface IconData {
   className: string
@@ -79,7 +79,8 @@ export async function prepareIcons(app: App, localeOptions: PlumeThemeLocaleOpti
 
 function getIconsWithPage(page: Page): string[] {
   const list = page.contentRendered
-    .match(ICON_REGEXP)?.map(match => match.match(ICON_NAME_REGEXP)?.[1])
+    .match(ICON_REGEXP)
+    ?.map(match => match.match(ICON_NAME_REGEXP)?.[1])
     .filter(Boolean) as string[] || []
 
   if (page.frontmatter.icon && isString(page.frontmatter.icon)) {
diff --git a/theme/src/node/prepare/prepareSidebar.ts b/theme/src/node/prepare/prepareSidebar.ts
index 4d2b7c62..a6012f19 100644
--- a/theme/src/node/prepare/prepareSidebar.ts
+++ b/theme/src/node/prepare/prepareSidebar.ts
@@ -1,10 +1,11 @@
-import type { App, Page } from 'vuepress'
 import {
   entries,
   isArray,
   isPlainObject,
   removeLeadingSlash,
 } from '@vuepress/helper'
+import type { App, Page } from 'vuepress'
+import { normalizeLink, resolveContent, writeTemp } from '../utils/index.js'
 import type {
   PlumeThemeLocaleOptions,
   PlumeThemePageData,
@@ -13,7 +14,6 @@ import type {
   SidebarItem,
   ThemeIcon,
 } from '../../shared/index.js'
-import { normalizeLink, resolveContent, writeTemp } from '../utils/index.js'
 
 export async function prepareSidebar(app: App, localeOptions: PlumeThemeLocaleOptions) {
   const sidebar = getAllSidebar(localeOptions)
diff --git a/theme/src/node/setupPages.ts b/theme/src/node/setupPages.ts
index 986746b5..51183bcd 100644
--- a/theme/src/node/setupPages.ts
+++ b/theme/src/node/setupPages.ts
@@ -3,16 +3,16 @@ import {
   getRootLang,
   getRootLangPath,
 } from '@vuepress/helper'
-import type { App, Page } from 'vuepress/core'
 import { createPage } from 'vuepress/core'
+import type { App, Page } from 'vuepress/core'
+import { resolveNotesLinkList } from './config/index.js'
+import { PRESET_LOCALES } from './locales/index.js'
+import { hash, withBase } from './utils/index.js'
 import type {
   PageCategoryData,
   PlumeThemeLocaleOptions,
   PlumeThemePageData,
 } from '../shared/index.js'
-import { hash, withBase } from './utils/index.js'
-import { PRESET_LOCALES } from './locales/index.js'
-import { resolveNotesLinkList } from './config/index.js'
 
 export async function setupPage(
   app: App,
diff --git a/theme/src/node/theme.ts b/theme/src/node/theme.ts
index 14b0912c..658e42f3 100644
--- a/theme/src/node/theme.ts
+++ b/theme/src/node/theme.ts
@@ -1,14 +1,14 @@
-import type { Page, Theme } from 'vuepress/core'
 import { sleep } from '@pengzhanbo/utils'
-import type { PlumeThemeOptions, PlumeThemePageData } from '../shared/index.js'
-import { getPlugins } from './plugins/index.js'
-import { extendsPageData, setupPage } from './setupPages.js'
-import { THEME_NAME, resolve, templates } from './utils/index.js'
+import type { Page, Theme } from 'vuepress/core'
+import { generateAutoFrontmatter, initAutoFrontmatter, watchAutoFrontmatter } from './autoFrontmatter/index.js'
 import { extendsBundlerOptions, resolveAlias, resolvePageHead, resolveProvideData, resolveThemeOptions, templateBuildRenderer } from './config/index.js'
 import { getThemeConfig, initConfigLoader, waitForConfigLoaded, watchConfigFile } from './loadConfig/index.js'
-import { generateAutoFrontmatter, initAutoFrontmatter, watchAutoFrontmatter } from './autoFrontmatter/index.js'
+import { getPlugins } from './plugins/index.js'
 import { prepareData, watchPrepare } from './prepare/index.js'
 import { prepareThemeData } from './prepare/prepareThemeData.js'
+import { extendsPageData, setupPage } from './setupPages.js'
+import { resolve, templates, THEME_NAME } from './utils/index.js'
+import type { PlumeThemeOptions, PlumeThemePageData } from '../shared/index.js'
 
 export function plumeTheme(options: PlumeThemeOptions = {}): Theme {
   const { localeOptions, pluginOptions, hostname, configFile, cache } = resolveThemeOptions(options)
diff --git a/theme/src/node/utils/index.ts b/theme/src/node/utils/index.ts
index 0efa81b7..0aebd3c2 100644
--- a/theme/src/node/utils/index.ts
+++ b/theme/src/node/utils/index.ts
@@ -5,8 +5,8 @@ export const THEME_NAME = 'vuepress-theme-plume'
 export const logger = new Logger(THEME_NAME)
 
 export * from './hash.js'
-export * from './path.js'
-export * from './package.js'
 export * from './interopDefault.js'
+export * from './package.js'
+export * from './path.js'
 export * from './resolveContent.js'
 export * from './writeTemp.js'
diff --git a/theme/src/node/utils/path.ts b/theme/src/node/utils/path.ts
index 240aa26d..7116c112 100644
--- a/theme/src/node/utils/path.ts
+++ b/theme/src/node/utils/path.ts
@@ -1,5 +1,5 @@
-import { getDirname, path } from 'vuepress/utils'
 import { ensureEndingSlash, ensureLeadingSlash, isLinkAbsolute, isLinkWithProtocol } from '@vuepress/helper'
+import { getDirname, path } from 'vuepress/utils'
 
 const __dirname = getDirname(import.meta.url)
 
diff --git a/theme/src/shared/frontmatter/index.ts b/theme/src/shared/frontmatter/index.ts
index 92e993df..658906eb 100644
--- a/theme/src/shared/frontmatter/index.ts
+++ b/theme/src/shared/frontmatter/index.ts
@@ -1,4 +1,4 @@
-export * from './page.js'
-export * from './home.js'
-export * from './post.js'
 export * from './friends.js'
+export * from './home.js'
+export * from './page.js'
+export * from './post.js'
diff --git a/theme/src/shared/index.ts b/theme/src/shared/index.ts
index 81adf244..fec9ee95 100644
--- a/theme/src/shared/index.ts
+++ b/theme/src/shared/index.ts
@@ -1,11 +1,11 @@
+export * from './auto-frontmatter.js'
 export * from './base.js'
+export * from './blog.js'
 export * from './frontmatter/index.js'
+export * from './navbar.js'
+export * from './notes.js'
 export * from './options/index.js'
 export * from './page-data.js'
-export * from './blog.js'
-export * from './notes.js'
-export * from './auto-frontmatter.js'
-export * from './theme-data.js'
-export * from './sidebar.js'
-export * from './navbar.js'
 export * from './resolved/index.js'
+export * from './sidebar.js'
+export * from './theme-data.js'
diff --git a/theme/src/shared/options/index.ts b/theme/src/shared/options/index.ts
index 5e080e76..bf34e85d 100644
--- a/theme/src/shared/options/index.ts
+++ b/theme/src/shared/options/index.ts
@@ -1,8 +1,8 @@
 import type { LocaleConfig } from 'vuepress/shared'
 import type { AutoFrontmatter } from '../auto-frontmatter.js'
+import type { PlumeThemeEncrypt } from './encrypt.js'
 import type { PlumeThemeLocaleData } from './locale.js'
 import type { PlumeThemePluginOptions } from './plugins.js'
-import type { PlumeThemeEncrypt } from './encrypt.js'
 
 export interface PlumeThemeOptions extends PlumeThemeLocaleOptions {
   /**
@@ -53,6 +53,6 @@ export type PlumeThemeData = PlumeThemeLocaleData & {
   locales?: LocaleConfig<Omit<PlumeThemeLocaleData, 'blog' | 'article'>>
 }
 
+export * from './encrypt.js'
 export * from './locale.js'
 export * from './plugins.js'
-export * from './encrypt.js'
diff --git a/theme/src/shared/options/locale.ts b/theme/src/shared/options/locale.ts
index c9f2dc77..43212d4a 100644
--- a/theme/src/shared/options/locale.ts
+++ b/theme/src/shared/options/locale.ts
@@ -2,8 +2,8 @@ import type { LocaleData } from 'vuepress/core'
 import type { SocialLink, SocialLinkIconUnion, ThemeOutline, ThemeTransition } from '../base.js'
 import type { PlumeThemeBlog } from '../blog.js'
 import type { NavItem } from '../navbar.js'
-import type { SidebarMulti } from '../sidebar.js'
 import type { NotesOptions } from '../notes.js'
+import type { SidebarMulti } from '../sidebar.js'
 
 export interface PlumeThemeLocaleData extends LocaleData {
   /**
diff --git a/theme/src/shared/options/plugins.ts b/theme/src/shared/options/plugins.ts
index 639a15d4..033c4011 100644
--- a/theme/src/shared/options/plugins.ts
+++ b/theme/src/shared/options/plugins.ts
@@ -1,11 +1,11 @@
+import type { CommentPluginOptions } from '@vuepress/plugin-comment'
 import type { DocsearchOptions } from '@vuepress/plugin-docsearch'
+import type { ReadingTimePluginOptions } from '@vuepress/plugin-reading-time'
+import type { WatermarkPluginOptions } from '@vuepress/plugin-watermark'
 import type { SearchPluginOptions } from '@vuepress-plume/plugin-search'
 import type { ShikiPluginOptions } from '@vuepress-plume/plugin-shikiji'
-import type { CommentPluginOptions } from '@vuepress/plugin-comment'
 import type { MarkdownEnhancePluginOptions } from 'vuepress-plugin-md-enhance'
-import type { ReadingTimePluginOptions } from '@vuepress/plugin-reading-time'
 import type { MarkdownPowerPluginOptions } from 'vuepress-plugin-md-power'
-import type { WatermarkPluginOptions } from '@vuepress/plugin-watermark'
 
 export interface PlumeThemePluginOptions {
   /**
diff --git a/theme/src/shared/theme-data.ts b/theme/src/shared/theme-data.ts
index 6491bc01..da2c9f9c 100644
--- a/theme/src/shared/theme-data.ts
+++ b/theme/src/shared/theme-data.ts
@@ -1,7 +1,7 @@
 import type { LocaleConfig } from 'vuepress/shared'
-import type { PlumeThemeLocaleData } from './options/locale.js'
-import type { PlumeThemeEncrypt } from './options/encrypt.js'
 import type { AutoFrontmatter } from './auto-frontmatter.js'
+import type { PlumeThemeEncrypt } from './options/encrypt.js'
+import type { PlumeThemeLocaleData } from './options/locale.js'
 
 export type ThemeConfig = PlumeThemeLocaleData & {
 
diff --git a/theme/tsup.config.ts b/theme/tsup.config.ts
index 4a6f6da7..e35a6663 100644
--- a/theme/tsup.config.ts
+++ b/theme/tsup.config.ts
@@ -1,7 +1,7 @@
-import process from 'node:process'
 import fs from 'node:fs'
 import path from 'node:path'
-import { type Options, defineConfig } from 'tsup'
+import process from 'node:process'
+import { defineConfig, type Options } from 'tsup'
 
 const sharedExternal: (string | RegExp)[] = [
   /.*\/shared\/index\.js$/,