chore: tweak

Author: pengzhanbo

plugins/plugin-md-power/src/client/components/VPCodeTree.vue

@@ -19,26 +19,22 @@ provide('on-file-tree-node-click', (filepath: string, type: 'file' | 'folder') =
 })
 
 onMounted(() => {
-  watch(
-    () => activeNode.value,
-    () => {
-      if (codePanel.value) {
-        const items = Array.from(codePanel.value.querySelectorAll('.code-block-title'))
-        let hasActive = false
-        items.forEach((item) => {
-          if (item.getAttribute('data-title') === activeNode.value) {
-            item.classList.add('active')
-            hasActive = true
-          }
-          else {
-            item.classList.remove('active')
-          }
-        })
-        isEmpty.value = !hasActive
-      }
-    },
-    { immediate: true },
-  )
+  watch(activeNode, () => {
+    if (codePanel.value) {
+      const items = Array.from(codePanel.value.querySelectorAll('.code-block-title'))
+      let hasActive = false
+      items.forEach((item) => {
+        if (item.getAttribute('data-title') === activeNode.value) {
+          item.classList.add('active')
+          hasActive = true
+        }
+        else {
+          item.classList.remove('active')
+        }
+      })
+      isEmpty.value = !hasActive
+    }
+  }, { immediate: true })
 })
 </script>
 

plugins/plugin-md-power/src/node/embed/createEmbedRuleBlock.ts

@@ -136,7 +136,6 @@ export function createEmbedRuleBlock<Meta extends Record<string, any> = Record<s
 
   md.renderer.rules[name] = (tokens, index, _, env: MarkdownEnv) => {
     const token = tokens[index]
-    token.content = content(token.meta, token.content, env)
-    return token.content
+    return content(token.meta, token.content, env)
   }
 }

theme/src/client/features/components/RepoCard.vue

@@ -27,7 +27,7 @@ const { loaded, data } = useGithubRepo(toRef(props, 'repo'), toRef(props, 'provi
         </span>
         <span class="repo-visibility" :class="{ archived: data.archived }">{{ data.visibility + (data.template ? ' Template' : '') }}{{ data.archived ? ' archive' : '' }}</span>
       </p>
-      <p class="repo-desc">
+      <p class="repo-desc" :title="data.description">
         {{ data.description }}
       </p>
       <div class="repo-info">
@@ -36,13 +36,13 @@ const { loaded, data } = useGithubRepo(toRef(props, 'repo'), toRef(props, 'provi
             class="repo-language" :style="{ 'background-color': data.languageColor }"
           /><span>{{ data.language }}</span>
         </p>
-        <p :title="`Github Stars: ${data.stars}`">
+        <p :title="`Stars: ${data.stars}`">
           <span class="vpi-github-star" /><span>{{ data.convertStars }}</span>
         </p>
-        <p :title="`Github Forks: ${data.forks}`">
+        <p :title="`Forks: ${data.forks}`">
           <span class="vpi-github-fork" /><span>{{ data.convertForks }}</span>
         </p>
-        <p v-if="data.license" :title="`Github License: ${data.license.name}`">
+        <p v-if="data.license" :title="`License: ${data.license.name}`">
           <span class="vpi-github-license" /><span>{{ data.license.name }}</span>
         </p>
       </div>

theme/src/node/autoFrontmatter/generate.ts

@@ -8,7 +8,7 @@ import type {
 import { objectKeys, sleep } from '@pengzhanbo/utils'
 import { type FSWatcher, watch } from 'chokidar'
 import matter from 'gray-matter'
-import yaml from 'js-yaml'
+import * as yaml from 'js-yaml'
 import pMap from 'p-map'
 import { fs, hash as getHash, path, tinyglobby } from 'vuepress/utils'
 import { logger } from '../utils/index.js'