feat: home screen and navigation design

web/src/composables/useArticles.ts

@@ -0,0 +1,26 @@
+import { useApi } from '@/composables/useApi'
+
+export interface ArticleImage {
+	id: number
+	url: string
+}
+
+export interface Article {
+	id: number
+	title: string
+	body: string
+	images: ArticleImage[]
+	is_online: boolean
+	created_at: string
+	updated_at: string
+}
+
+export function useArticles() {
+	const { request } = useApi()
+
+	function listArticles(): Promise<Article[]> {
+		return request<Article[]>('/v1/article/')
+	}
+
+	return { listArticles }
+}