From 03212f9854c1f68007abda5d518b94ffb0c6ff14 Mon Sep 17 00:00:00 2001
From: Miao_Spring <539943419@qq.com>
Date: Tue, 4 Feb 2025 14:49:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=A1=A8=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/codeMirror.vue     | 22 ++++++++++++++++++----
 components/markdownRender.vue |  7 +++++++
 pages/posts/index.vue         |  2 +-
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/components/codeMirror.vue b/components/codeMirror.vue
index 961c932..c09d984 100644
--- a/components/codeMirror.vue
+++ b/components/codeMirror.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="cm-rander-wrapper">
+    <div :class="wrapperClass">
         <div class="cm-header">
             <div class="cm-header-title">
                 <span>CodeMirror</span>
@@ -26,6 +26,7 @@ import { EditorState } from "@codemirror/state"
 const props = defineProps<{
     data: string,
     type?: string,
+    inline?: boolean,
 }>()
 
 const show = ref(true)
@@ -33,14 +34,18 @@ const cmRootRef = ref<HTMLElement>()
 
 const isLoading = ref(true)
 
+const wrapperClass = computed(() => {
+    return ['cm-rander-wrapper', props.inline === true ? 'cm-rander-wrapper-inline' : ''] 
+})
+
 const rows = computed(() => {
     if (!props.data) {
         return 5
     }
     const lines = props.data.split('\n')
-    console.log({
-        L: lines.length,
-    })
+    // console.log({
+    //     L: lines.length,
+    // })
     return lines.length - 2 > 0 ? lines.length - 2 : 1
 })
 
@@ -135,6 +140,15 @@ onBeforeUnmount(() => {
 
 <style lang="scss">
 .cm-rander-wrapper {
+    &-inline {
+      display: inline-block; 
+      .cm-header {
+        display: none !important;
+      }
+      .cm-gutters {
+        display: none !important; 
+      }
+    }
     .cm-header {
         display: flex;
         align-items: center;
diff --git a/components/markdownRender.vue b/components/markdownRender.vue
index a910cf5..cf40be0 100644
--- a/components/markdownRender.vue
+++ b/components/markdownRender.vue
@@ -45,12 +45,19 @@ const VNodeArr = computed(() => {
                 // console.log({
                 //     codeType,
                 // })
+                // @ts-ignore
+                const inline = (item.children[0].children.trim() as string).includes('\n') ? false : true
+                console.log({
+                    inline,
+                    c: item.children
+                })
                 return h(
                     codeMirror,
                     {
                         // @ts-ignore
                         data: item.children[0].children.trim(),
                         type: codeType,
+                        inline,
                     },
                 )
             },
diff --git a/pages/posts/index.vue b/pages/posts/index.vue
index bf026f6..0675217 100644
--- a/pages/posts/index.vue
+++ b/pages/posts/index.vue
@@ -12,7 +12,7 @@
                         {{ formatDate(post.date, 'yy-MM-dd HH:mm:ss') }}
                     </span>
                 </div>
-                <div class="post-tags">
+                <div class="post-tags" v-if="post.tags.length">
                     <bookmark class="post-tags-icon" />
                     <div v-for="tag in post.tags">{{ tag }}</div>
                 </div>