<template>
  <UPageCard
    :title="title"
    :description="description"
    :spotlight="spotlight"
    :icon="icon"
    class=""
  >
    <slot />
    <NuxtImg
      v-if="img"
      :src="img"
      class="w-full"
    />
    <span> {{ content }} </span>
  </UPageCard>
</template>

  <!-- ::card
---
img: https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250727184358217.png
---
#title
Image Card

#content
Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
:: -->

<script setup lang="ts">
const {
  content = ''

} = defineProps<{
  title?: string
  content?: string
  img?: string
  icon?: string
  description?: string
  spotlight?: boolean
  slot?: string
}>()
</script>
