3 files changed, 40 insertions, 30 deletions
diff --git a/docs/showcases/Showcase.vue b/docs/showcases/Showcase.vue
index f790fbf..8ee7b5e 100644
--- a/docs/showcases/Showcase.vue
+++ b/docs/showcases/Showcase.vue
@@ -1,22 +1,28 @@
 <script setup>
-const props = defineProps({
+defineProps({
     src: { type: String, required: true },
     label: { type: String, required: true },
     url: { type: String, required: true },
-    icon: { type: String, required: false },
-});
+    icon: { type: String, required: false, default: "" },
+})
 </script>
 
 <template>
     <figure class="showcase">
         <div>
             <a :href="url" target="_blank">
-                <img :src="src" :alt="label" />
+                <img :src="src" :alt="label">
             </a>
-            <i :class="icon" class="language-icon"></i>
+            <i :class="icon" class="language-icon" />
         </div>
         <figcaption>
-            <a :href="url" class="label-link" target="_blank">{{ label }}</a>
+            <a
+                :href="url"
+                class="label-link"
+                target="_blank"
+            >
+                {{ label }}
+            </a>
         </figcaption>
     </figure>
 </template>
diff --git a/docs/showcases/Showcases.vue b/docs/showcases/Showcases.vue
index 86a17bf..acdf601 100644
--- a/docs/showcases/Showcases.vue
+++ b/docs/showcases/Showcases.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
-import showcases from './showcases'
-import Showcase from './Showcase.vue'
+import showcases from "./showcases"
+import Showcase from "./Showcase.vue"
 </script>
 
 <template>
     <div class="Showcases">
         <template v-for="(showcase, index) in showcases" :key="index">
             <div v-if="Array.isArray(showcase)" class="row">
-                <div v-for="(elem, elemIndex) in showcase" :key="elemIndex" class="item"
-                    :class="`grid-${showcase.length}`">
+                <div
+                    v-for="(elem, elemIndex) in showcase"
+                    :key="elemIndex"
+                    class="item"
+                    :class="`grid-${showcase.length}`"
+                >
                     <Showcase v-bind="elem" />
                 </div>
             </div>
diff --git a/docs/showcases/showcases.ts b/docs/showcases/showcases.ts
index f4899c2..053b628 100644
--- a/docs/showcases/showcases.ts
+++ b/docs/showcases/showcases.ts
@@ -1,24 +1,24 @@
 type Showcase = {
-  label: string;
-  src: string;
-  url: string;
-  icon: string; // https://devicon.dev/
-};
+    label: string
+    src: string
+    url: string
+    icon: string // https://devicon.dev/
+}
 
-type Grid<T> = T | [T, T] | [T, T, T] | [T, T, T, T];
+type Grid<T> = T | [T, T] | [T, T, T] | [T, T, T, T]
 
 export default [
-  {
-    label: "Placeholder (this is an ags v1 screenshot)",
-    src: "/astal/showcase/aylur.png",
-    url: "https://github.com/Aylur/dotfiles",
-    icon: "devicon-javascript-plain",
-  },
-  {
-    label: "Idk I just love oxocarbon",
-    src: "/astal/showcase/contrib1.webp",
-    url: "https://github.com/tokyob0t/dotfiles",
-    icon: "devicon-lua-plain",
-  },
-  // add mowe shuwucases hewe~
-] satisfies Array<Grid<Showcase>>;
+    {
+        label: "Placeholder (this is an ags v1 screenshot)",
+        src: "/astal/showcase/aylur.png",
+        url: "https://github.com/Aylur/dotfiles",
+        icon: "devicon-javascript-plain",
+    },
+    {
+        label: "Idk I just love oxocarbon",
+        src: "/astal/showcase/contrib1.webp",
+        url: "https://github.com/tokyob0t/dotfiles",
+        icon: "devicon-lua-plain",
+    },
+    // add mowe shuwucases hewe~
+] satisfies Array<Grid<Showcase>>