zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

공개 Markdown 본문 fragment 주석을 줄이도록 렌더링 구조 정리 (v1.10.4)

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zenn
2026-07-01 17:01:14 +09:00
parent c686b1c848
commit 943794ae34
9 changed files with 144 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
components/content/ContentMarkdownInlineSegments.vue
View File

@@ -39,14 +39,37 @@ const getInlineColorClass = (color) => `content-markdown-inline-segments__color-
<template>
<span class="content-markdown-inline-segments">
<span
v-for="(lineSegments, lineIndex) in segmentLines"
:key="`inline-line-${lineIndex}`"
v-for="(segment, segmentIndex) in segmentLines[0] || []"
:key="`inline-segment-0-${segmentIndex}`"
class="content-markdown-inline-segments__segment"
>
<strong v-if="segment.type === 'strong'">{{ segment.text }}</strong>
<em v-else-if="segment.type === 'em'">{{ segment.text }}</em>
<sub v-else-if="segment.type === 'subscript'">{{ segment.text }}</sub>
<sup v-else-if="segment.type === 'superscript'">{{ segment.text }}</sup>
<code v-else-if="segment.type === 'code'" class="content-markdown-inline-segments__inline-code rounded bg-[#252525] px-1.5 py-0.5 text-[0.9em] text-white">{{ segment.text }}</code>
<a v-else-if="segment.type === 'link'" :class="linkClass" :href="segment.href" target="_blank" rel="noreferrer">
<ContentMarkdownInlineSegments :text="segment.text" :link-class="linkClass" :multiline="multiline" />
</a>
<span
v-else-if="segment.type === 'color'"
class="content-markdown-inline-segments__color"
:class="getInlineColorClass(segment.color)"
:data-inline-color="segment.color"
>
<ContentMarkdownInlineSegments :text="segment.text" :link-class="linkClass" :multiline="multiline" />
</span>
<span v-else>{{ segment.text }}</span>
</span>
<span
v-for="(lineSegments, offsetIndex) in segmentLines.slice(1)"
:key="`inline-line-${offsetIndex + 1}`"
class="content-markdown-inline-segments__line"
>
<br v-if="lineIndex > 0">
<br>
<span
v-for="(segment, segmentIndex) in lineSegments"
:key="`inline-segment-${lineIndex}-${segmentIndex}`"
:key="`inline-segment-${offsetIndex + 1}-${segmentIndex}`"
class="content-markdown-inline-segments__segment"
>
<strong v-if="segment.type === 'strong'">{{ segment.text }}</strong>