From 4dc632182f65f682d3bac1ce7d2422f834e4a9b5 Mon Sep 17 00:00:00 2001
From: hywax <a.hywax@gmail.com>
Date: Sun, 24 Dec 2023 20:26:02 +0500
Subject: [PATCH] chore(skeleton): base group component

---
 components/service/Group.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 components/service/Group.vue

diff --git a/components/service/Group.vue b/components/service/Group.vue
new file mode 100644
index 0000000..0ff24c7
--- /dev/null
+++ b/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>