List example apps below categories

This commit is contained in:
Sam Carlton 2020-11-27 16:56:21 -06:00
parent 02e90c2f96
commit 61a9aa3356

View file

@ -17,12 +17,12 @@
<!-- section.endpoint: {{ section.endpoint }} --> <!-- section.endpoint: {{ section.endpoint }} -->
<a <a
:href="`/kind/${section.slug}`" :href="`/kind/${section.slug}`"
class="flex justify-start items-center inset-x-0 text-3xl md:text-4xl hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-x-2 -mx-5 pl-5 md:pl-20 pr-6 md:pr-64 py-6" class="flex justify-start items-center inset-x-0 text-3xl md:text-4xl hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-x-3 -mx-5 px-5 md:pr-64 py-3"
style="transition-property: border;" style="transition-property: border;"
> >
<div class="font-hairline"> <div class="font-hairline">
<div>{{ section.label }}</div> <div>{{ section.label }}</div>
<div>{{ section.label }}</div> <div class="text-xs opacity-75 mb-3">{{ section.appNames.slice(0, 25).join(', ') }}, etc...</div>
</div> </div>
<div></div> <div></div>
</a> </a>
@ -61,9 +61,16 @@ export default {
// console.log('app.section.slug', app.section.slug) // console.log('app.section.slug', app.section.slug)
if (sectionList.hasOwnProperty(app.section.slug)) return if (sectionList.hasOwnProperty(app.section.slug)) {
sectionList[app.section.slug].appNames.push(app.name)
sectionList[app.section.slug] = app.section return
}
sectionList[app.section.slug] = {
...app.section,
appNames: [ app.name ]
}
}) })
return { return {