mdk-skills 2.4.1 → 2.4.2

package/scripts/web-ui/src/views/ReadmeView.vue

@@ -1,115 +0,0 @@
-<template>
-  <div class="readme-view">
-    <div class="page-header">
-      <h2>CLAUDE.md 文档</h2>
-      <n-button size="small" @click="loadClaudeMd">
-        <template #icon><n-icon><RefreshOutline /></n-icon></template>
-        刷新
-      </n-button>
-    </div>
-
-    <n-spin :show="loading">
-      <transition name="fade">
-        <div v-if="content" class="markdown-content" v-html="rendered" />
-        <n-empty v-else-if="loaded" description="暂无 CLAUDE.md 文档" />
-      </transition>
-    </n-spin>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, nextTick } from "vue";
-import { NIcon } from "naive-ui";
-import { RefreshOutline } from "@vicons/ionicons5";
-import { marked } from "marked";
-import hljs from "highlight.js";
-import { getClaudeMd } from "../api/skills";
-
-// marked 配置：代码高亮 + 外链安全
-marked.use({
-  renderer: {
-    code({ text, lang }) {
-      const language = lang && hljs.getLanguage(lang) ? lang : "plaintext";
-      let highlighted;
-      try {
-        highlighted = hljs.highlight(text, { language }).value;
-      } catch {
-        highlighted = hljs.highlightAuto(text).value;
-      }
-      return `<pre><button class="copy-btn" onclick="navigator.clipboard.writeText(this.parentNode.querySelector('code').textContent);this.textContent='已复制';setTimeout(()=>this.textContent='复制',1500)">复制</button><code class="hljs language-${language}">${highlighted}</code></pre>`;
-    },
-    link({ href, text }) {
-      const isExternal = href && (href.startsWith("http://") || href.startsWith("https://"));
-      const target = isExternal ? ' target="_blank" rel="noopener noreferrer"' : "";
-      return `<a href="${href}"${target}>${text}</a>`;
-    },
-  },
-});
-
-const loading = ref(false);
-const loaded = ref(false);
-const content = ref(null);
-const rendered = ref("");
-
-function stripFrontmatter(text) {
-  if (!text) return text;
-  return text.replace(/^---[\s\S]*?---\s*/, "");
-}
-
-function renderMd(text) {
-  if (!text) return "";
-  const body = stripFrontmatter(text);
-  if (!body.trim()) return "";
-  try {
-    return marked.parse(body);
-  } catch {
-    return body;
-  }
-}
-
-async function loadClaudeMd() {
-  loading.value = true;
-  loaded.value = false;
-  try {
-    const res = await getClaudeMd();
-    if (res.content) {
-      content.value = res.content;
-      await nextTick();
-      rendered.value = renderMd(res.content);
-    } else {
-      content.value = null;
-    }
-  } catch {
-    content.value = null;
-  } finally {
-    loading.value = false;
-    loaded.value = true;
-  }
-}
-
-onMounted(loadClaudeMd);
-</script>
-
-<style scoped>
-.page-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-}
-
-.page-header h2 {
-  font-size: 20px;
-  font-weight: 600;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.2s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-</style>