Damillora/Shallie
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: make search more like regular posts thanks to directus
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Damillora 2024-12-03 00:31:29 +07:00
parent 9050f39911
commit f198ec4e40
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/search/+page.svelte
View File

@ -2,12 +2,13 @@
import { page } from '$app/stores'; import { page } from '$app/stores';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
import { Container, Hero, Index, SearchCard } from '@damillora/plachta'; import { Container, Hero, Index, Post, PostCard } from '@damillora/plachta';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { search } from '$lib/content/searchApi'; import { search } from '$lib/content/searchApi';
import { afterNavigate } from '$app/navigation'; import { afterNavigate } from '$app/navigation';
import { searchPost } from '$lib/content/contentApi.js'; import { searchPost } from '$lib/content/contentApi.js';
import dayjs from 'dayjs';
let { data } = $props(); let { data } = $props();
let posts: any[] = $state([]); let posts: any[] = $state([]);
@ -64,9 +65,20 @@
<Hero background="/images/default-feature.jpg" /> <Hero background="/images/default-feature.jpg" />
<Container> <Container>
<Index>
<h1>Search results for: {url.searchParams.get('q')}</h1>
</Index>
<Index> <Index>
{#each posts as post} {#each posts as post}
<SearchCard title={post.title} url={post.url} excerpt={post.excerpt} /> <PostCard
title={post.title}
authors={post.authors}
primary_tag={post.category}
date={dayjs(post.date_published).format('DD MMM YYYY')}
excerpt={post.excerpt}
feature_image={post.feature_image ?? '/images/default-feature.jpg'}
url={post.url}
/>
{/each} {/each}
</Index> </Index>
<div bind:this={footer}></div> <div bind:this={footer}></div>