feat: transaction framework

components/TransactionList.vue

@@ -1,7 +1,57 @@
 <template>
-  <v-list :items="items"></v-list>
+  <v-list rounded="lg" lines="two">
+    <TransactionListItem v-for="v in transactions" :transaction-item="v"/>
+  </v-list>
 </template>
 <script lang="ts" setup>
+let transactions = [
+{
+    "id": "20842",
+    "description": "aaa",
+    "category": {
+      "id": "10087241",
+      "name": "Category1",
+    },
+    "amount": {
+      "value": "135.33",
+      "currency": "CNY",
+    },
+    "time": "1738564519",
+    "tags": [
+      {
+        "id": "1742004",
+        "name": "t1",
+      },
+      {
+        "id": "1742932",
+        "name": "t3",
+      },
+    ],
+  },
+  {
+    "id": "20845",
+    "description": "bbb",
+    "category": {
+      "id": "10088823",
+      "name": "Category2",
+    },
+    "amount": {
+      "value": "77.99",
+      "currency": "CNY",
+    },
+    "time": "1738564519",
+    "tags": [
+      {
+        "id": "1742004",
+        "name": "t1",
+      },
+      {
+        "id": "1742932",
+        "name": "t3",
+      },
+    ],
+  }
+]
 let items = [
         { type: 'subheader', title: 'Group #1' },
         {