chore(skeleton): base screen component

hywax · Dec 24, 2023 · 366fdce · 366fdce
1 parent 4dc6321
commit 366fdce
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/app.vue b/app.vue
@@ -1,5 +1,5 @@
 <template>
   <div>
-    <NuxtWelcome />
+    <NuxtPage />
   </div>
 </template>
diff --git a/pages/[...screen].vue b/pages/[...screen].vue
@@ -0,0 +1,20 @@
+<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>