3 files changed, 14 insertions, 5 deletions
diff --git a/docs/showcases/Showcase.vue b/docs/showcases/Showcase.vue
index 5873a8e..a5a1e01 100644
--- a/docs/showcases/Showcase.vue
+++ b/docs/showcases/Showcase.vue
@@ -1,7 +1,7 @@
 <script setup>
 const props = defineProps({
     src: { type: String, required: true },
-    author: { type: String, required: true },
+    label: { type: String, required: true },
     url: { type: String, required: true }
 });
 </script>
@@ -9,10 +9,10 @@ const props = defineProps({
 <template>
     <figure>
         <a :href="url">
-            <img :src="src" :alt="author" />
+            <img :src="src" :alt="label" />
         </a>
         <figcaption>
-            <span>Author: {{ author }}</span>
+            <span>{{ label }}</span>
         </figcaption>
     </figure>
 </template>
diff --git a/docs/showcases/index.md b/docs/showcases/index.md
new file mode 100644
index 0000000..21b54b7
--- /dev/null
+++ b/docs/showcases/index.md
@@ -0,0 +1,9 @@
+---
+layout: home
+---
+
+<script setup>
+import Showcases from './Showcases.vue'
+</script>
+
+<Showcases />
diff --git a/docs/showcases/showcases.ts b/docs/showcases/showcases.ts
index fa0a7bb..138ae7f 100644
--- a/docs/showcases/showcases.ts
+++ b/docs/showcases/showcases.ts
@@ -1,5 +1,5 @@
 type Showcase = {
-    author: string
+    label: string
     src: string
     url: string
 }
@@ -10,6 +10,6 @@ type Grid<T> = T
     | [T, T, T, T]
 
 export default [
-    { author: "Aylur", src: "/astal/showcase/aylur1.png", url: "https://github.com/Aylur/dotfiles" },
+    { label: "Placeholder (this is an ags v1 screenshot)", src: "/astal/showcase/aylur1.png", url: "https://github.com/Aylur/dotfiles" },
     // add more showcases here
 ] satisfies Array<Grid<Showcase>>