(WIP) Auction show

src/components/auctions/Index.vue

@@ -23,6 +23,9 @@ watch(user, async (userVal) => {
 
 <template>
   <ul>
-    <li v-for="auction in auctions" :key="auction.id">{{ auction.summary }} — {{ auction.current_bet || auction.min_bet }}</li>
+    <li v-for="auction in auctions" :key="auction.id">
+      <h3>{{ auction.summary }}</h3>
+      <a :href="`/auctions/auction?id=${auction.id}`">See more</a>
+    </li>
   </ul>
 </template>

src/components/auctions/Show.vue

@@ -0,0 +1,17 @@
+<script setup>
+  import {useStore} from "@nanostores/vue";
+  import {$user} from "../stores/user.js";
+
+  const id = new URL(location).searchParams.get("id")
+</script>
+
+<template>
+  <template v-if="id">
+    <span>{{ id }}</span>
+  </template>
+  <div v-else>ERROR</div>
+</template>
+
+<style scoped>
+
+</style>

src/pages/auctions/auction.astro

@@ -0,0 +1,8 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import AuctionShow from "../../components/auctions/Show.vue"
+---
+
+<Layout title="See auction">
+    <AuctionShow client:only />
+</Layout>