SquidSpirit
24a98f8f70
All checks were successful
Frontend CI / build (push) Successful in 6m14s
### Description - As the title ### Package Changes _No response_ ### Screenshots |Scenario|Screenshot| |-|-| |Posts list|| |Empty input|| |Pattern not matched|| ### Reference Resolve #126. ### Checklist - [x] A milestone is set - [x] The related issuse has been linked to this branch Reviewed-on: #139 Co-authored-by: SquidSpirit <squid@squidspirit.com> Co-committed-by: SquidSpirit <squid@squidspirit.com>
29 lines
1019 B
Svelte
29 lines
1019 B
Svelte
<script lang="ts">
|
|
import generateTitle from '$lib/common/framework/ui/generateTitle';
|
|
import { PostsListedStore } from '$lib/post/adapter/presenter/postsListedStore';
|
|
import PostPreview from '$lib/post/framework/ui/PostPreview.svelte';
|
|
import { getContext, onMount } from 'svelte';
|
|
|
|
const store = getContext<PostsListedStore>(PostsListedStore.name);
|
|
const state = $derived($store);
|
|
const { trigger: loadPosts } = store;
|
|
|
|
onMount(() => loadPosts());
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{generateTitle('文章')}</title>
|
|
<meta
|
|
name="description"
|
|
content="探索 魚之魷魂 SquidSpirit 的所有文章，這裡是您尋找最新技術洞見與實用教學的園地。"
|
|
/>
|
|
</svelte:head>
|
|
<div class="content-container pb-10">
|
|
<h1 class="py-9 text-center text-3xl font-bold text-gray-800 md:py-20 md:text-5xl">文章</h1>
|
|
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-y-8 lg:grid-cols-3">
|
|
{#each state.data ?? [] as postInfo (postInfo.id)}
|
|
<PostPreview {postInfo} />
|
|
{/each}
|
|
</div>
|
|
</div>
|