fix context menu

todo: add type support for responses.

Author: NeserCode

src/App.vue

@@ -35,14 +35,7 @@ onMounted(() => {
 </script>
 
 <template>
-	<div
-		id="app-main"
-		@contextmenu="
-			(e) => {
-				// e.preventDefault()
-			}
-		"
-	>
+	<div id="app-main" @contextmenu.prevent>
 		<TitleBar :titleText="title" />
 		<Dialog v-model:isOpen="isOpenModelDialog" />
 		<TopLinks />

src/composables/useApi.ts

@@ -1,3 +1,4 @@
+// @ts-ignore
 import { RocoRequest } from "./useHttp"
 import NProgress from "nprogress"
 
@@ -48,6 +49,15 @@ interface FeatureObject {
 	name: string
 }
 
+interface AngelListItemObject {
+	id: string
+	group: string
+	hash: string
+	img?: string
+	iconSrc: string
+	features: string[]
+}
+
 interface AngelListParma {
 	search: string
 	id: string
@@ -84,7 +94,10 @@ rocoApi.setInterceptors("response")(() => {
 export const useApi = () => {
 	// Angel Feature Map
 	async function getFeatures() {
-		const response = await rocoApi.get("/feature/")
+		const response = await rocoApi.get<{ list: FeatureObject[] }>(
+			"/feature/",
+			{}
+		)
 
 		const obj: FeatureObject[] = response.data.list
 		const map = new Map()
@@ -103,7 +116,11 @@ export const useApi = () => {
 			page: 1,
 		}
 	) {
-		const response = await rocoApi.post("/spiritList/", params)
+		const response = await rocoApi.post<{ data: AngelListItemObject[] }>(
+			"/spiritList/",
+			params
+		)
+
 		return response.data.data
 	}
 

src/composables/useHttp.ts

@@ -1,4 +1,4 @@
-import { fetch, Body } from "@tauri-apps/api/http"
+import { fetch, Body, ResponseType } from "@tauri-apps/api/http"
 import type { FetchOptions } from "@tauri-apps/api/http"
 
 interface RequestHeaders {
@@ -53,17 +53,18 @@ export class RocoRequest {
 		this.$Option = { ...this.$Option, timeout }
 	}
 
-	async get(path: string, params?: any) {
+	async get<T>(path: string, params?: any) {
 		let reqUrl = this.$uri + path
 		// Request Interception
 		this.$interceptors.request()
 		console.log("HTTP ST GET - ", reqUrl)
 		// Request
-		const response = await fetch(reqUrl, {
+		const response = await fetch<T>(reqUrl, {
 			...this.$Option,
 			method: "GET",
 			headers: this.$headers,
 			query: { ...params },
+			responseType: ResponseType.JSON,
 		})
 		console.log("HTTP RC GET - ", response)
 
@@ -73,17 +74,18 @@ export class RocoRequest {
 		return response
 	}
 
-	async post(path: string, params: {} = {}) {
+	async post<T>(path: string, params = {}) {
 		let reqUrl = this.$uri + path
 		// Request Interception
 		this.$interceptors.request()
 		console.log("HTTP ST POST - ", reqUrl)
 		// Request
-		const response = await fetch(reqUrl, {
+		const response = await fetch<T>(reqUrl, {
 			...this.$Option,
 			method: "POST",
 			headers: this.$headers,
 			body: Body.json({ ...params }),
+			responseType: ResponseType.JSON,
 		})
 		console.log("HTTP RC POST - ", response)
 

src/views/Skill.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+// @ts-ignore
 import GoBack from "../components/native/GoBack.vue"
 // import { CubeTransparentIcon } from "@heroicons/vue/20/solid"