zenn
5f2b2b8c4f
Ordered list, 멀티라인/대체 인용구 문법을 추가하고 Prose 컴포넌트(리스트/인용/이미지/카드/임베드) 기본 스타일을 Thred 톤으로 통일했다. Co-authored-by: Cursor <cursoragent@cursor.com>
22 lines
540 B
Vue
22 lines
540 B
Vue
<script setup>
|
|
defineProps({
|
|
variant: {
|
|
type: String,
|
|
default: 'default'
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<blockquote
|
|
class="prose-blockquote my-8 text-[15px] leading-8 text-[var(--site-text)]"
|
|
:class="variant === 'alt'
|
|
? 'rounded-[14px] border border-[var(--site-line)] bg-[var(--site-panel)] px-6 py-5 italic'
|
|
: 'rounded-[10px] border-l-2 border-[var(--site-text)] bg-[var(--site-panel)] px-5 py-4 font-medium'"
|
|
>
|
|
<span class="whitespace-pre-line">
|
|
<slot />
|
|
</span>
|
|
</blockquote>
|
|
</template>
|