pdf初始化

docs/.vuepress/client.ts

@@ -1,5 +1,4 @@
 import { defineClientConfig } from 'vuepress/client'
-import './styles/index.css'
 
 
 export default defineClientConfig({

docs/.vuepress/config.ts

@@ -87,6 +87,12 @@ export default defineUserConfig({
      * markdown
      * @see https://theme-plume.vuejs.press/config/markdown/
      */
+    markdown:{
+       fileTree: true, // :::file-tree  文件树容器
+      plot: true, // !!plot!! 隐秘文本
+      icons: true, // ::collect:name::   内联 iconify 图标
+      pdf: true
+    }
     // markdown: {
     //   abbr: true,         // 启用 abbr 语法  *[label]: content
     //   annotation: true,   // 启用 annotation 语法  [+label]: content

docs/.vuepress/styles/index.css

@@ -1,76 +0,0 @@
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  border-color: currentcolor;
-  border-style: solid;
-  border-width: 0;
-}
-
-#app {
-  width: 100%;
-  height: 100%;
-}
-
-html {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  line-height: 1.5;
-  tab-size: 4;
-  text-size-adjust: 100%;
-}
-
-body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
-    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
-  line-height: inherit;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizelegibility;
-}
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-img,
-svg {
-  display: inline-block;
-}
-
-svg {
-  vertical-align: -0.15em;
-}
-
-ul,
-li {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
-
-a,
-a:focus,
-a:hover {
-  color: inherit;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-a:focus,
-a:active,
-div:focus {
-  outline: none;
-}

docs/software/aps.md

@@ -1,35 +1,126 @@
 ---
-title: 系统背景aps
-createTime: 2025/11/20 15:37:22
-permalink: /software/aps
+title: 客户端
+icon: nimbus:browser
+createTime: 2024/03/07 21:58:48
+permalink: /guide/api/client/
 ---
 
-## 系统背景如下
-
-**文件目录示例**
-
-::: file-tree
-
-- docs
-  - .vuepress
-    - ++ config.ts
-  - -- page1.md
-  - README.md
-- theme 一个 **主题** 目录
-  - client
-    - components
-      - **Navbar.vue**
-    - composables
-      - useNavbar.ts
-    - styles
-      - navbar.css
-    - config.ts
-  - node/
-- package.json
-- pnpm-lock.yaml
-- .gitignore
-- README.md
-- …
-  :::
-
-....
+## 使用
+
+```ts
+import { Layout } from 'vuepress-theme-plume/client'
+```
+
+## 布局组件
+
+- `<Layout />`： 页面布局组件
+- `<NotFound />` ： 404 页面布局组件
+
+```ts
+import { Layout, NotFound } from 'vuepress-theme-plume/client'
+```
+
+## 通用组件
+
+- `<VPLink />` ： 链接组件
+- `<VPButton />`: 按钮组件
+- `<VPIcon />`: 图标组件
+- `<VPBadge />`: 徽标组件
+- `<VPImage />`: 图片组件
+- `<VPHomeBox />`: 首页布局组件
+
+更多其他组件请查看 [源代码](https://github.com/pengzhanbo/vuepress-theme-plume/tree/main/theme/src/client/components)
+
+```ts
+import VPButton from 'vuepress-theme-plume/components/VPButton.vue'
+import VPLink from 'vuepress-theme-plume/components/VPLink.vue'
+```
+
+## 组合式 API
+
+### `useDarkMode()`
+
+- 类型： `() => Ref<boolean>`
+- 详情：
+
+  获取 是否是深色模式的响应式数据。
+
+```ts
+import { useDarkMode } from 'vuepress-theme-plume/composables'
+
+const isDark = useDarkMode()
+
+// 切换为深色模式
+isDark.value = true
+// 切换为浅色模式
+isDark.value = false
+```
+
+### `useData()`
+
+- 类型： `() => Data`
+- 详情：
+
+  获取 主题 的各项响应式数据。
+
+```ts
+interface Data {
+  // 主题配置
+  theme: ThemeLocaleDataRef<PlumeThemeLocaleData>
+  // 当前页面数据
+  page: PageDataRef<PlumeThemePageData>
+  // 当前 页面 frontmatter
+  frontmatter: PageFrontmatterRef<Frontmatter<T>>
+  // 当前语言
+  lang: Ref<string>
+  // 站点数据
+  site: SiteLocaleDataRef
+  // 是否是深色模式
+  isDark: Ref<boolean>
+}
+```
+
+```ts
+import { useData } from 'vuepress-theme-plume/composables'
+
+const { site, page, frontmatter, isDark, lang } = useData()
+
+// 当前页面标题
+console.log(frontmatter.value.title)
+```
+
+### `useLocalePostList()`
+
+- 类型： `() => Ref<PostItem[]>`
+- 详情：
+
+  获取 文章列表的响应式数据。
+
+```ts
+interface PostItem {
+  path: string
+  title: string
+  excerpt: string
+  tags: string[]
+  sticky: boolean
+  categoryList: CategoryItem[]
+  createTime: string
+  lang: string
+  encrypt?: boolean
+}
+
+interface CategoryItem {
+  type: string | number
+  name: string
+}
+```
+
+```ts
+import { useLocalePostList } from 'vuepress-theme-plume/composables'
+
+const postList = useLocalePostList()
+```
+
+### 更多
+
+其它 组合式 API 请查看 [源代码](https://github.com/pengzhanbo/vuepress-theme-plume/tree/main/theme/src/client/composables) 。

docs/software/mes.md

@@ -1,35 +1,9 @@
 ---
 title: 系统背景mes
-createTime: 2025/11/20 15:37:22
 permalink: /software/mes
+createTime: 2025/12/30 18:28:51
 ---
 
-## 系统背景如下
+@[pdf height="800px"](https://plume.pengzhanbo.cn/files/sample.pdf)
 
-**文件目录示例**
-
-::: file-tree
-
-- docs
-  - .vuepress
-    - ++ config.ts
-  - -- page1.md
-  - README.md
-- theme 一个 **主题** 目录
-  - client
-    - components
-      - **Navbar.vue**
-    - composables
-      - useNavbar.ts
-    - styles
-      - navbar.css
-    - config.ts
-  - node/
-- package.json
-- pnpm-lock.yaml
-- .gitignore
-- README.md
-- …
-  :::
-
-....
+# AAA