feat: add default slot to NqCard

Author: onmax

packages/nimiq-vitepress-theme/src/components/NqCard.vue

@@ -78,9 +78,11 @@ const iconColor = computed(() => {
     p-16
   >
     <template v-if="layout === 'row'">
-      <div v-if="icon" class="flex-shrink-0">
-        <div :class="iconClasses" :style="iconColor ? `color: ${iconColor}` : undefined" />
-      </div>
+      <slot name="icon">
+        <div v-if="icon" class="flex-shrink-0">
+          <div :class="iconClasses" :style="iconColor ? `color: ${iconColor}` : undefined" />
+        </div>
+      </slot>
       <div class="flex-1 flex flex-col">
         <span v-if="label" nq-label text-12 mb-4 text="neutral-700 data-inverted:white/50" data-inverted:mb-8>{{ label }}</span>
         <h2 v-if="title" font-semibold f-text="xl data-inverted:2xl" data-inverted:text-white v-html="title" />
@@ -91,7 +93,9 @@ const iconColor = computed(() => {
       <span v-if="label" nq-label text-12 mb-4 text="neutral-700 data-inverted:white/50" data-inverted:mb-8>{{ label }}</span>
       <h2 v-if="title" font-semibold f-text="xl data-inverted:2xl" data-inverted:text-white v-html="title" />
       <p v-if="description" text="data-inverted:white/60" data-inverted:f-text-lg data-inverted:mt-4 v-html="description" />
-      <div v-if="icon" :class="iconClasses" :style="iconColor ? `color: ${iconColor}` : undefined" />
+      <slot name="icon">
+        <div v-if="icon" :class="iconClasses" :style="iconColor ? `color: ${iconColor}` : undefined" />
+      </slot>
     </template>
   </component>
 </template>