first-commit

node_modules/vitepress/dist/client/theme-default/components/VPSponsors.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import type { GridSize } from '../composables/sponsor-grid'
+import type { Sponsor } from './VPSponsorsGrid.vue'
+import { computed } from 'vue'
+import VPSponsorsGrid from './VPSponsorsGrid.vue'
+
+export interface Sponsors {
+  tier?: string
+  size?: GridSize
+  items: Sponsor[]
+}
+interface Props {
+  mode?: 'normal' | 'aside'
+  tier?: string
+  size?: GridSize
+  data: Sponsors[] | Sponsor[]
+}
+const props = withDefaults(defineProps<Props>(), {
+  mode: 'normal'
+})
+
+const sponsors = computed(() => {
+  const isSponsors = props.data.some((s) => {
+    return 'items' in s
+  })
+
+  if (isSponsors) {
+    return props.data as Sponsors[]
+  }
+
+  return [
+    { tier: props.tier, size: props.size, items: props.data as Sponsor[] }
+  ]
+})
+</script>
+
+<template>
+  <div class="VPSponsors vp-sponsor" :class="[mode]">
+    <section
+      v-for="(sponsor, index) in sponsors"
+      :key="index"
+      class="vp-sponsor-section"
+    >
+      <h3 v-if="sponsor.tier" class="vp-sponsor-tier">{{ sponsor.tier }}</h3>
+      <VPSponsorsGrid :size="sponsor.size" :data="sponsor.items" />
+    </section>
+  </div>
+</template>