Add slug prop to Shop Poster component

2021-10-29 23:45:34 +02:00
parent 141f9c6723
commit a5512ac51e
1 changed files with 5 additions and 2 deletions
--- a/src/components/molecules/Poster.svelte
+++ b/src/components/molecules/Poster.svelte
@@ -1,16 +1,19 @@
 <script lang="ts">
-    import Button from '$components/atoms/Button.svelte';
+    import Button from '$components/atoms/Button.svelte'

+    export let slug: string
 </script>

 <div class="poster">
    <img src="https://picsum.photos/326/475" width={326} height={475} alt="blob">
    <div class="buttons">
        <Button
-            text="View poster"
            size="xsmall"
+            url="/shop/poster-{slug}"
+            text="View poster"
        />
        <Button
+            type="button"
            text="Add to cart"
            color="pink"
            size="xsmall"