2
0
Fork 0
inspin.io/components/about/Partners.vue

36 lines
1.1 KiB
Vue
Raw Normal View History

2024-08-15 12:28:47 +00:00
<script setup>
const route = useRoute()
const software = await queryContent('software').sort({ priority: 1 }).find()
const companies = await queryContent('companies').sort({ priority: 1 }).find()
</script>
<template>
<div class="partners center">
<!-- Hero -->
<div class="heading">
<div class="msg">
2024-08-16 10:32:17 +00:00
<h3>Our partners</h3>
2024-08-15 12:28:47 +00:00
<p>See the software we use and people we support.</p>
</div>
</div>
<!-- Categories -->
<div class="categories">
2024-08-16 10:32:17 +00:00
<NuxtLink to="/about/#software" :class="route.hash === '#software' || route.hash === '' ? 'selected' : ''">Software</NuxtLink>
<NuxtLink to="/about/#companies" :class="route.hash === '#companies' ? 'selected' : ''">Companies</NuxtLink>
2024-08-15 12:28:47 +00:00
</div>
<!-- Content -->
<div class="lists">
<div v-if="route.hash === '#software' || route.hash === ''" class="links">
2024-08-16 10:32:17 +00:00
<AboutCard :sites="software" />
2024-08-15 12:28:47 +00:00
</div>
<div v-if="route.hash === '#companies'" class="links">
2024-08-16 10:32:17 +00:00
<AboutCard :sites="companies" />
2024-08-15 12:28:47 +00:00
</div>
</div>
</div>
</template>