From ebfcdf3958ccc1a55d3cf545b7c6cc1e35d8808a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 26 Aug 2021 10:52:15 +0200
Subject: [PATCH] add some overview list styling

---
 demos/preview/index.vue | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/demos/preview/index.vue b/demos/preview/index.vue
index b85610d6..5d1aa433 100644
--- a/demos/preview/index.vue
+++ b/demos/preview/index.vue
@@ -1,9 +1,27 @@
 <template>
   <ul v-if="$route.path === '/'">
-    <li v-for="route in $router.options.routes" :key="route.path">
-      <router-link :to="route.path">
-        {{ route.path }}
+    <li
+      class="p-5 border-b-2 border-black"
+      v-for="route in $router.options.routes"
+      :key="route.path"
+    >
+      <router-link
+        class="block mb-2 font-medium"
+        :to="route.path"
+      >
+        {{ route.props.name }}
       </router-link>
+
+      <div class="flex">
+        <a
+          class="mr-4 text-sm text-gray-300 font-medium"
+          v-for="(tab, index) in route.props.tabs"
+          :key="index"
+          :href="`/src/${route.props.name}/${tab.name}/`"
+        >
+          {{ tab.name }}
+        </a>
+      </div>
     </li>
   </ul>
   <router-view v-else />