ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat: article component for extracted content

Browse source
This commit is contained in:
Ayo 2023-05-11 16:42:15 +02:00
parent 3026b3631e
commit e9fc737ce3
2 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/article.astro Normal file
View file

@ -0,0 +1,14 @@
---
import { ArticleData } from "@extractus/article-extractor";
const article = Astro.props.article;
export interface Props {
article: ArticleData;
}
---
<h2>{article.title}</h2>
<p>by <em>{article.author}</em></p>
<span set:html={article.content} />

7
src/pages/index.astro
View file

@ -1,12 +1,13 @@
---
import Form, { FormGroup } from "@astro-reactive/form";
import { Validators } from "@astro-reactive/validator";
import { extract } from "@extractus/article-extractor";
import getParams from "../utils/get-params";
import { extract } from "@extractus/article-extractor";
import Article from "../components/article.astro";
const params = getParams(Astro.url);
const url = params?.url;
const article = extract(url);
const article = await extract(url);
const form = new FormGroup([
{
@ -29,4 +30,4 @@ const form = new FormGroup([
}}
/>
{article ? <p>{JSON.stringify(article)}</p> : "<hr />"}
<Article article={article} />