mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-23 23:19:23 +01:00
d1e528fd95
* Add team member cards * finish up * Final improvements * Add ads * Fix lint errors * Update docs/.vitepress/data/teamData.json Co-authored-by: Jakob Guddas <github@jguddas.de> * Update docs/.vitepress/data/teamData.json Co-authored-by: Karsa <contact@karsa.org> --------- Co-authored-by: Jakob Guddas <github@jguddas.de> Co-authored-by: Karsa <contact@karsa.org>
34 lines
585 B
Vue
34 lines
585 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import CardGrid from './CardGrid.vue';
|
|
|
|
const props = defineProps<{
|
|
title: string,
|
|
headingLevel: 1 | 2 | 3 | 4 | 5 | 6,
|
|
}>()
|
|
|
|
const headingElement = computed(() => `h${props.headingLevel}`)
|
|
</script>
|
|
|
|
<template>
|
|
<section>
|
|
<component :is="headingElement" class="name">{{ title }}</component>
|
|
<CardGrid>
|
|
<slot />
|
|
</CardGrid>
|
|
</section>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.name {
|
|
font-size: 32px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: 96px;
|
|
}
|
|
</style>
|