mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
CodeF53
b0ded38d5f
Make DRAFT a tag Add date range to titles Improve Portfolio screen on mobile Minor edits to portfolio items
34 lines
730 B
Vue
34 lines
730 B
Vue
<script setup lang="ts">
|
|
import type { QueryBuilderParams } from '@nuxt/content/dist/runtime/types'
|
|
|
|
const query: QueryBuilderParams = {
|
|
path: '/',
|
|
sort: [{ sortDate: -1 }],
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<main id="portfolio">
|
|
<h1>Portfolio</h1>
|
|
<ul class="results col gap4">
|
|
<ContentList v-slot="{ list }" :query="query">
|
|
<li v-for="article in list" :key="article._path" class="interactive panel">
|
|
<PortfolioListItem :article="article" />
|
|
</li>
|
|
</ContentList>
|
|
</ul>
|
|
</main>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
#portfolio {
|
|
max-width: var(--content-width);
|
|
padding: 1rem 0;
|
|
|
|
.results {
|
|
max-width: var(--content-width);
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
}
|
|
</style>
|