feat: 更新 API 类型和组件，重命名市场为交易，添加操作包装器组件

src/views/trade/index.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import { cartOutline } from "ionicons/icons";
+import OperationWrapper from "./components/operation-wrapper.vue";
+
+const current = ref<"sale" | "buy" | null>(null);
 </script>
 
 <template>
@@ -9,13 +13,10 @@
       </IonToolbar>
     </IonHeader>
     <IonContent :fullscreen="true">
-      <IonHeader collapse="condense">
-        <IonToolbar>
-          <IonTitle size="large">
-            Market
-          </IonTitle>
-        </IonToolbar>
-      </IonHeader>
+      <OperationWrapper v-model="current" />
     </IonContent>
   </IonPage>
 </template>
+
+<style scoped>
+</style>