From 1c3bf5add6b23c2c508c82abc4052013b1c603e2 Mon Sep 17 00:00:00 2001
From: Artemiy Solopov <a.solopov.001@gmail.com>
Date: Sun, 11 Jan 2026 16:08:08 +0200
Subject: [PATCH] Basic auctions index

---
 src/components/auctions/Index.vue | 28 ++++++++++++++++++++++++++++
 src/pages/auctions/index.astro    |  8 ++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 src/components/auctions/Index.vue
 create mode 100644 src/pages/auctions/index.astro

diff --git a/src/components/auctions/Index.vue b/src/components/auctions/Index.vue
new file mode 100644
index 0000000..6291293
--- /dev/null
+++ b/src/components/auctions/Index.vue
@@ -0,0 +1,28 @@
+<script setup>
+import {ref, watch} from 'vue'
+import {useStore} from '@nanostores/vue'
+import {$user} from '../stores/user'
+import * as gateway from '../lib/gateway.js'
+
+const user = useStore($user)
+const auctions = ref([])
+
+watch(user, async (userVal) => {
+  if(userVal == null) return;
+
+  const response = await gateway.request('/auctions',
+      {cors: true, token: userVal.token, searchParams: {page: 1, per: 50}}
+  )
+
+  if (response.ok) {
+    auctions.value = await response.json()
+  }
+}, {immediate: true})
+
+</script>
+
+<template>
+  <ul>
+    <li v-for="auction in auctions" :key="auction.id">{{ auction.summary }} — {{ auction.current_bet || auction.min_bet }}</li>
+  </ul>
+</template>
diff --git a/src/pages/auctions/index.astro b/src/pages/auctions/index.astro
new file mode 100644
index 0000000..744a70b
--- /dev/null
+++ b/src/pages/auctions/index.astro
@@ -0,0 +1,8 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import AuctionsIndex from '../../components/auctions/Index.vue'
+---
+
+<Layout title="Auctions">
+	<AuctionsIndex client:load />
+</Layout>