From 7da6ad2b3534a6d4409894a8f0033d3ff1b52481 Mon Sep 17 00:00:00 2001
From: hywax <a.hywax@gmail.com>
Date: Fri, 29 Dec 2023 01:06:14 +0500
Subject: [PATCH] refactor(skeleton): change screen to single

---
 pages/[...screen].vue | 20 --------------------
 pages/index.vue       | 27 +++++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 20 deletions(-)
 delete mode 100644 pages/[...screen].vue
 create mode 100644 pages/index.vue

diff --git a/pages/[...screen].vue b/pages/[...screen].vue
deleted file mode 100644
index 0640aa7..0000000
--- a/pages/[...screen].vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div class="min-h-screen">
-    <div class="max-w-screen-2xl mx-auto xl:flex-row">
-      <ServiceGroup title="Services" :items="items" />
-      <ServiceGroup title="Services" :items="items" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const items = Array(10).fill(0).map((_, i) => ({
-  title: `Service ${i + 1}`,
-  description: 'Description of service',
-  link: '',
-  icon: {
-    type: 'solid',
-    value: '#eee',
-  },
-}))
-</script>
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..23e5769
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <template v-if="siteConfig.services.length">
+    <Group
+      v-for="(group, key) in siteConfig.services"
+      :key="key"
+      v-bind="group"
+    />
+  </template>
+  <Message v-else title="Services not found">
+    <template #text>
+      <p>
+        Oops! You did not specify a list of services in <span class="border-b border-dashed">config.yaml</span>
+      </p>
+      <p class="mt-1">
+        <a href="#" class="text-sky-500 hover:text-sky-800">Go to documentation</a>
+      </p>
+    </template>
+  </Message>
+</template>
+
+<script setup lang="ts">
+const siteConfig = useSiteConfig()
+
+useHead({
+  title: siteConfig.title,
+})
+</script>