chore(skeleton): base group component

Author: hywax

Diff for: components/service/Group.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="py-10">
+    <h2 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">
+      <template v-for="(item, key) in items" :key="key">
+        <ServiceItem v-bind="item" />
+      </template>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+export interface Props {
+  title: string
+  items: any[]
+}
+
+defineProps<Props>()
+</script>