kayjaydee
c9a14a9086
- ProseImg.vue: transparent NuxtImg override for markdown images (BLOG-05) - Alert.vue: MDC callout component with 4 types (info/warning/tip/danger) via UAlert - ContentSlot required for MDC slot content rendering (Pitfall 4)
25 lines
448 B
Vue
25 lines
448 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
src: string
|
|
alt?: string
|
|
title?: string
|
|
width?: string | number
|
|
height?: string | number
|
|
}
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
alt: '',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtImg
|
|
:src="props.src"
|
|
:alt="props.alt"
|
|
:title="props.title"
|
|
:width="props.width"
|
|
:height="props.height"
|
|
class="rounded-lg w-full"
|
|
sizes="sm:600px md:800px lg:1000px"
|
|
/>
|
|
</template>
|