Make home page a feed

1 files changed, 11 insertions, 8 deletions

diff --git a/src/html/bread.html b/src/html/bread.html
index 37abee8..8004803 100644
--- a/src/html/bread.html
+++ b/src/html/bread.html
@@ -8,17 +8,20 @@
     <link rel="stylesheet" type="text/css" href="/css/bootstrap.css">
     <link rel="stylesheet" type="text/css" href="/css/styles.css">
     <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
     <script>
         window.onload = function () {
-            fetch(new Request('/posts.json')).then(response => response.json())
-                .then(response => {
-                    var feed = new Vue({
-                        el: '.feed',
-                        data: { posts: response.data }
-                    })
-                });
+            var feed = new Vue({
+                el: '.feed',
+                data: {
+                    posts: []
+                },
+                created() {
+                    fetch(new Request('/bread/posts.json')).then(response => response.json())
+                        .then(response => this.posts = response.data);
+                }
+            });
         }
-
     </script>
 </head>