pull out article builder

app/src/components/article.rs

@@ -1,3 +1,4 @@
+use crate::components::slingshot::*;
 use leptos::*;
 use serde::{Deserialize, Serialize};
 
@@ -9,6 +10,24 @@ pub struct ArticleData {
     pub content: String,
 }
 
+#[component]
+pub fn ArticleBuilder() -> impl IntoView {
+    let data_resource = create_local_resource(
+        || (),
+        |_| async move { slingshot("./public/articles".to_string()).await },
+    );
+
+    let articles_view = move || {
+        data_resource.and_then(|data| {
+            data.iter()
+                .map(|article| view! { <Article data=article.clone()/> })
+                .collect_view()
+        })
+    };
+
+    articles_view
+}
+
 #[component]
 pub fn Article(data: ArticleData) -> impl IntoView {
     view! {

app/src/routes/home.rs

@@ -5,18 +5,6 @@ use leptos::*;
 
 #[island]
 pub fn Home() -> impl IntoView {
-    let data_resource = create_local_resource(
-        || (),
-        |_| async move { slingshot("./public/articles".to_string()).await },
-    );
-
-    let articles_view = move || {
-        data_resource.and_then(|data| {
-            data.iter()
-                .map(|article| view! { <Article data=article.clone()/> })
-                .collect_view()
-        })
-    };
 
     view! {
         <Suspense fallback=move || {
@@ -24,7 +12,9 @@ pub fn Home() -> impl IntoView {
         }>
             <ErrorBoundary fallback=|errors| {
                 view! { <ErrorTemplate errors=errors/> }
-            }>{articles_view}</ErrorBoundary>
+            }>
+                <ArticleBuilder/>
+            </ErrorBoundary>
         </Suspense>
     }
 }