From f62f910956bb7f9a9941bdb47ab4ef844153f52e Mon Sep 17 00:00:00 2001
From: "Chen, Tai-Lin" <neil.chentl@gmail.com>
Date: Thu, 2 Nov 2023 11:23:48 +0800
Subject: [PATCH] feat: add catalog draft

---
 app/src/components/CatalogPart.vue |  5 +++++
 app/src/views/CatalogPage.vue      | 14 ++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 app/src/components/CatalogPart.vue
 create mode 100644 app/src/views/CatalogPage.vue

diff --git a/app/src/components/CatalogPart.vue b/app/src/components/CatalogPart.vue
new file mode 100644
index 0000000..311095a
--- /dev/null
+++ b/app/src/components/CatalogPart.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="bg-bg-primary text-text rounded-2xl">
+    <h1>test</h1>
+  </div>
+</template>
diff --git a/app/src/views/CatalogPage.vue b/app/src/views/CatalogPage.vue
new file mode 100644
index 0000000..72c1162
--- /dev/null
+++ b/app/src/views/CatalogPage.vue
@@ -0,0 +1,14 @@
+<template>
+  <div class="h-[6vh] w-full">
+    <GameHeaderPart />
+  </div>
+  <div class="p-4 h-[94vh] w-full">
+    <div class="bg-bg-secondary h-full w-full grid grid-cols-3 gap-4 p-4">
+      <CatalogPart v-for="i in 9" :key="i" />
+    </div>
+  </div>
+</template>
+<script setup>
+import GameHeaderPart from '../components/GameHeaderPart.vue'
+import CatalogPart from '../components/CatalogPart.vue'
+</script>