projet

components/favorites.riot

@@ -0,0 +1,33 @@
+<favorites>
+    <h2>Mes favoris</h2>
+    <ul>
+        <li each={item in state.favorites}>{item.title}</li>
+    </ul>
+    <script>
+        export default {
+            state: {
+                favorites: []
+            },
+            async onMounted() {
+                const favoris = await window.getFavorites();
+            },
+
+        }
+    </script>
+    <style>
+        ul {
+            list-style: none;
+            padding: 0;
+            max-width: 600px;
+            margin: auto;
+        }
+        
+        ul li {
+            background: white;
+            margin: 0.5rem;
+            padding: 0.75rem;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            border-radius: 5px;
+        }
+    </style>
+</favorites>