feat(config): ungrouped services

components/Group.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="py-10">
-    <h2 class="text-2xl font-light py-2 px-4">
+    <h2 v-if="title" class="text-2xl font-light py-2 px-4">
       {{ title }}
     </h2>
     <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-1 lg:gap-2 lg:gap-y-4">
@@ -15,7 +15,7 @@
 import type { BaseService } from '~/types'
 
 export interface Props {
-  title: string
+  title?: string
   items: BaseService[]
 }
 

server/utils/config.ts

@@ -3,23 +3,38 @@ import crypto from 'node:crypto'
 import yaml from 'yaml'
 import type { BaseService, Config } from '~/types'
 
+type draftService = Omit<BaseService, 'id'>
+
+function determineServiceId(items: draftService[]): BaseService[] {
+  return items.map((item) => ({
+    id: crypto.randomUUID(),
+    ...item
+  }))
+}
+
 export function getLocalConfig(): Config | null {
   try {
     if (!fs.existsSync('assets/config.yaml')) {
       return null
     }
 
     const config = yaml.parse(fs.readFileSync('assets/config.yaml', 'utf8')) || {}
-    const services = Object
-      .entries<Omit<BaseService, 'id'>[]>((config.services || []))
-      .reduce<Config['services']>((acc, [title, items]) => {
-        acc.push({
+    const services: Config['services'] = []
+
+    if (Array.isArray(config.services)) {
+      services.push({
+        items: determineServiceId(config.services)
+      })
+    } else {
+      const entries = Object.entries<draftService[]>(config.services || [])
+
+      for (const [title, items] of entries) {
+        services.push({
           title,
-          items: items.map((item) => ({ ...item, id: crypto.randomUUID() })),
+          items: determineServiceId(items)
         })
-
-        return acc
-      }, [])
+      }
+    }
 
     return {
       ...config,

types/config.d.ts

@@ -1,7 +1,7 @@
 import type { BaseService } from '~/types/services'
 
 export interface ServicesGroup {
-  title: string
+  title?: string
   items: BaseService[]
 }