feat: implement cards ui

Still in an early stage now, further improvements needed.

1 files changed, 20 insertions, 0 deletions

diff --git a/src/components/SubCard.vue b/src/components/SubCard.vue
new file mode 100644
index 0000000..5b611f6
--- /dev/null
+++ b/src/components/SubCard.vue
@@ -0,0 +1,20 @@
+<template>
+  <v-card variant="outlined">
+    <v-card-item>
+      <v-card-title>{{ title }}</v-card-title>
+      <div class="text-caption">
+        {{ content }}
+      </div>
+    </v-card-item>
+  </v-card>
+</template>
+
+<script>
+export default {
+  name: "SubCard",
+  data: () => ({
+    title: "Default Title",
+    content: "Bruh",
+  }),
+};
+</script>